/* partial resetter */

*{font-size:1em;}
img{border:none;}
ul, ol, li {margin:0;padding:0;list-style-type:none;}

/*div, p{ behavior: url('styles/iepngfix.htc');}*/

a:visited{color:#e19800;}


	

html{height:100%;}


body{
	font-size:16px;
	text-align:center;
	background-color:#000;
	margin:0;
	font-family:Arial; 
	height:100%;	
}

/* Couleur chartre graphique */
p.orange_fonce{color:#ff6c00;}
p.orange{color:#ff9501;}
p.beige{color:#fff1C6;}
p.blanc{color:#fff;}

p.noir{color:#000;}
p.gris_fonce{color:#2c2c2c;}
p.gris{color:#4a473c;}
p.gris_clair{color:#716d60;}

span.orange_fonce{color:#ff6c00;}
span.orange{color:#ff9501;}
span.beige{color:#fff1C6;}
span.blanc{color:#fff;}

span.noir{color:#000;}
span.gris_fonce{color:#2c2c2c;}
span.gris{color:#4a473c;}
span.gris_clair{color:#716d60;}
/* Couleur chartre graphique */

br.clearer{clear:both;}
p.clearer{clear:both;}
div.hr{
	width:588px;
	margin:.7em 0;
}

div.container{
	width:1056px; /*946px*/
	margin:0 auto;
	text-align:left;
	background-image:url(../images/division.png);
	background-position:0 -20px;
	background-repeat:no-repeat;
	background-color:#4a473c;
	 
	min-height:90%;
	margin-bottom:100px;
	
	/*border:1px dashed green;*/
}


/*  
 ===================
			HEADER 
===================
*/
div.header{
	width: 1056px;
	margin:0 auto;
	text-align:left;
	background-image:url(../images/division.png);
	background-position:0 137px;
	background-repeat:no-repeat;
	background-color:#4a473c;
	top:0;
	height: 147px;
	margin-bottom:12px;
	/*order: 1px dashed red;*/
	

/*	background-color:yellow;*/
}


div.header h1
{
	float:left;
	width:300px;
	margin:0;
	/*background-color:red;*/
	display:inline; /* ie5 double margin hack*/
	padding-top:6px;
	padding-left:4px;
}


div.header h1 a img
{
	margin-left:8px;
	border:none;
	
}





/* la bannière publicitaire */

div.header  div.banniere_top{
	float:right;
	width:728px;
	height: 90px;
	margin-right:12px;
	margin-top:8px;
	margin-bottom: 8px;
	overflow:hidden;
	text-align:right;
	/*border:1px dashed pink;*/
	/*height:60px;*/
	
}
div.colonne_b div.banniere_middle{
	width:100%;
	margin-top:8px;
	margin-bottom:9px;
	overflow:hidden;
	text-align:center;
	/*border:1px dashed pink;*/
	/*height:60px;*/
	
}
div.colonne_b div.banniere_middle_pari{
	width:590px;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow:hidden;
	text-align:center;
	/*height:60px;*/
	
}

div.colonne_c div.sky_right{
	width: 200px;
	text-align:center;
	padding-left: 0px;
}





/* animation flache */


div.flash_header
{
	clear:both;
	width:822px;
	float:left;
	margin-left:15px;
	/*border:1px dotted red;*/
}


div.flash_sms
{

	width:212px;
	height:140px;
	margin-bottom:8px;
	margin-left:10px;
	/*border:1px dotted red;*/
}


div.header  div.mini_texte_et_bouton_header
{
	margin-top:2px;
	float:left;
	width:200px;
	
	text-align:center;
	
}
 


div.header  div.mini_texte_et_bouton_header p.bouton_rejoindre
{
	text-align:center;
	/*border:1px dotted green;*/
	background-position:50%;
	background-repeat:no-repeat;	
	background-image:url(../images/bouton-parrainer.gif);
	/*width:140px;*/
	height:26px;
	line-height:26px;
	font-size:13px;
}


div.header div.mini_texte_et_bouton_header p.bouton_rejoindre a{
			color:#e19800;
			font-weight:bold;
			text-decoration:none;
		  font-size:11px;
}

div.header div.mini_texte_et_bouton_header p.bouton_rejoindre a:hover{
			color:#fff;
}



/*div.header div.mini_texte_et_bouton_header p.texte_nombre_parieurs{*/
p.texte_nombre_parieurs{
	/*border:1px solid yellow;*/
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:11px;
	height:11px;
	line-height:11px;
	color:#ffffff;


}




/*  
 ===================
			BODY  
===================
*/

div.body{
	overflow:auto;	
}

html>body div.body{
	padding-top:6px;
}


/* COLONNE A */

div.body div.colonne_a{
	float:left;
	width:222px;
	padding-top:3px;
	/*background-color: orange;*/
}


div.body div.colonne_a p, div.body div.colonne_c div.border p{
	margin:0;
	padding-left:7px;
	padding-bottom:5px;
}
div.colonne_a div.tetiere_jaune{

	padding-left:10px;
	margin-bottom:10px;
}
/* COLONNE B */

div.body div.colonne_b{
	float:left;
	width:607px;
	
	overflow:hidden;
	
	padding-top:3px;
	/*background-color: violet;*/
}



/*div.body div.colonne_b p
{
	margin:0;
	padding-left:3px;
	padding-bottom:5px;
}
class effacée
*/

div.colonne_b p.rotator{
	text-align: center;
	margin:0;
	padding:0;
}

/* COLONNE C */

div.body div.colonne_c{
	float:left;
	width:220px;
	padding-top:3px;
	/*background-color: blue;*/
}




div.colonne_c div.tetiere_jaune, div.colonne_c div.tetiere_mp3{

	padding-left:7px;
	margin-bottom:7px;
}
div.colonne_c div.tetiere_mp3{
	margin-top: 10px;
}

div.tetiere_jaune div.haut
{
/*display:inline;*/
}

div.tetiere_jaune div.haut_droite
{
	margin-left:5px;
	background-image:url(../images/dgd_tetiere.jpg);	
	background-repeat:x;
	height:24px;
	width:202px;
}

div.tetiere_jaune div.haut_droite div.titre 
{
	float:left; 
	width:120px;
}

div.tetiere_jaune div.haut_droite div.lien_tous_gagnants
{
	float:right; 
	width:60px;
}

div.tetiere_jaune div.haut_droite div.lien_tous_gagnants a
{
	color: #fff;
	font-size:10px;
	text-decoration:none;
}

div.tetiere_jaune div.haut_droite div.lien_tous_gagnants a:hover
{
	color: #fff;
	font-size:10px;
	
}

div.tetiere_jaune div.haut_gauche
{
	float:left;
	background-image:url(../images/corner_tetiere.png);	
	background-repeat:no-repeat;
	height:24px;
	width:5px;	
}

div.tetiere_mp3 div.haut
{
	background-image:url(../images/tetiere-haut-jaune.png); 
	background-position:top left;
	background-repeat:no-repeat;
	height:26px;
	width:207px;
	border-bottom:1px solid #646057;
}

div.tetiere_jaune div.haut h3, div.tetiere_mp3 div.haut h3{
	overflow:hidden;
	margin:0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:6px;
	position:relative;
	top:0;
}

div.tetiere_jaune div.haut div.haut_droite h3 a.logout /*span.icone_fermeture*/
{
	background-image:url(../images/cross_window.jpg); 
	background-repeat:no-repeat;
	background-position: right;
	height:9px;
	width:9px;
	color:#fff;
}

div.tetiere_jaune div.haut h3 a
{
	color:#fff;
	text-decoration:none;
}

div.tetiere_jaune div.haut div.haut_droite span.flottant_droite{
	
	position:absolute;
	top:4px;
	right:8px;
	text-align:right;
	/*background-color:yellow;*/
	
}



/* le bouton deconnexion et infos */
div.tetiere_jaune div.bas p.pave_infos_plus,
div.tetiere_jaune div.bas p.pave_infos_minus,
div.tetiere_jaune div.bas p.deconnexion{
	margin:0;
	padding:0;
/*	background-color:yellow;*/
	text-align:right;
	font-size:10px;
	height: 20px;
	padding-right:5px;
}


div.tetiere_jaune div.bas p.mpgratuit{
	background-image:url(../images/gratuit.png);
	background-position:top right;
	height:70px;
	width:70px;
    z-index:1;
	position:absolute;
	margin-left:150px;
	margin-top:20px;
}


div.tetiere_jaune div.bas p.pave_infos_plus a,
div.tetiere_jaune div.bas p.pave_infos_minus a,
div.tetiere_jaune div.bas p.deconnexion a {
  color:#fff;
	
}





div.tetiere_jaune div.bas, div.tetiere_mp3 div.bas{
	background-image:url(../images/tetiere-bas.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:1em;
	width:207px;
}
/* rose */

div.tetiere_mp3 div.bas object{
	margin: 6px;
	margin-bottom: 0px;
}

div.tetiere_mp3 div.bas div.radio_plus{
	margin:0;
	padding:0;
	
	text-align: center;
	font-size: 10px;
	color: #fff;
	
}

div.tetiere_jaune div.bas p a.menu {
	text-decoration:none;
	font-size: 10px;
	color: #fff;
}




/* formulaire de login */

div.tetiere_jaune form.login_form{
	margin:0;
	/*background-color:orange;*/
}

div.tetiere_jaune form.login_form  p a{
	
	color:#fff;
	font-size:10px;
	
}


/* les ligne de input : */

div.tetiere_jaune form.login_form p.input{

/*	border:1px solid red;*/
	
	background-position:5px 4px;
	background-repeat:no-repeat;	
	background-image:url(../images/fond-input-191.gif);	
	text-align:center;
	
	margin:0;
	padding-left:5px;
	padding-top:5px;	
	
	width:191px;
	height:22px;
	line-height:22px;
	
	/*border:1px solid orange;*/
	
}


div.tetiere_jaune form.login_form p.input input{
	border: none;
	outline:none;
	background: #fff;
	width:180px;
	height:15px;
	font-size:11px;
	vertical-align:top;
	
}

/* les ligne de bouton : */

div.tetiere_jaune form.login_form p.bouton{
	
	margin:0;
	margin-left:11px;
	
	display: inline-block;
	
	text-align:center;
	
	background-position:top left;
	background-repeat:no-repeat;	
	background-image:url(../images/bouton-editer.png);
	width:82px;
	height:21px;
	line-height:14px;
	font-size:11px;
}
div.tetiere_jaune form.login_form p.email{
	background-image:url(../images/fond-bouton-noir.png);
	width:140px;
	height:20px;
	line-height:20px;
}


div.commentaire_bouton p.bouton, table.reponses_pari  p.bouton{
	
	margin:0;
	margin-left:5px;
	margin-top:5px;
	display: inline-block;

	text-align:center;

	background-image:url(../images/bouton-valider.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:21px;
	line-height:21px;
	width:82px;
}

div.tetiere_jaune form.login_form p.bouton a, div.commentaire_bouton p.bouton a,table.reponses_pari  p.bouton a{
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	text-decoration:none;
	color:#ffac00;
}

div.tetiere_jaune form.login_form p.bouton  a:hover, div.commentaire_bouton p.bouton a:hover{
	color:#fff;
	text
}



div.tetiere_jaune form.login_form div.filet{
	margin:0;
	border-bottom:1px solid #646057;
	border-top:1px solid black;
	margin-top:5px;
}




/* dashboard */

div.tetiere_jaune div.bas p{
		margin:0;
		font-size:12px;
		font-weight:normal;
		color:#fff;
		padding:3px;
		
		/*background-color:pink;*/
		overflow:auto;
}

div.tetiere_jaune div.bas h4{
	margin:2px;

}

div.tetiere_jaune div.bas img.avatar{
	
	float:left;
	width:48px;
	height:48px;
	vertical-align:baseline;
	margin:2px;
	margin-right:4px;	
}

div.tetiere_jaune div.bas img.rubrique_active{
	position:right;
	width:auto;
	height:auto;
	vertical-align:baseline;
	margin:2px;
	margin-right:4px;	
}

div.tetiere_jaune div.bas img.rubrique_inactive{
	
	position:right;
	width:auto;
	height:auto;
	vertical-align:baseline;
	margin:2px;
	margin-right:4px;	
}

div.tetiere_jaune div.bas img.icone{
	float:left;
	width:20px;
	height:20px;
	vertical-align:baseline;
	margin:2px;
	margin-right:4px;	
}

div.tetiere_jaune div.bas p.gris{
	 color:#c0bbb0;
	 font-size: 13px;
	 font-weight: bold;
	 margin:0px;
	 padding:0px;
}

div.tetiere_jaune div.bas p.nom_joueur{
	 color:#fff;
	 font-size: 13px;
	 font-weight: bold;
	 margin:0px;
	 padding:0px;
}

div.tetiere_jaune div.bas p.vous_avez{
	 color:#fff;
	 font-size: 10px;
	 font-weight: bold;
	 margin:0px;
	 padding:0px;
}

div.tetiere_jaune div.bas p.score{
	 color:#ff9501;
	 font-size: 18px;
	 font-weight: bold;
	 margin:0px;
	 padding:0px;
}

/* paves gris messages  /points / amis */

div.tetiere_jaune div.bas div div{
	
	background-position:top left;
	background-repeat:no-repeat;
  
	/*border:1px dotted orange;*/
	margin-bottom:5px;
	margin-left:5px;
}

div.tetiere_jaune div.bas div.pave p{
	color:black;
	padding:0;
	
}

div.pave div.pave_amis{
	clear:left;
	background-image:url(../images/fond-pave-amis.png);
	height:66px;
	padding-left:55px;
}

div.pave div.pave_points{
	clear:left;
	background-image:url(../images/fond-pave-points.png);
	height:51px;
	padding-left:55px;
}


div.pave div.pave_messages{
	clear:left;
	background-image:url(../images/fond-pave-messages.png);
	height:51px;
	padding-left:55px;
	
}


div.pave div.pave_paris
{
	clear:left;
	background-image:url(../images/fond-pave-paris.png);
	min-height:68px;
	padding-left:55px;
	padding-top:6px;
}
div.commentaire_bouton
{
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}
div.pave div.pave_amis p,
div.pave div.pave_paris p,
div.commentaire_bouton p
{
margin:0;
/*border:1px solid red;*/
height:20px;
line-height:18px;
font-size:11px;
text-align:center;
}


  

div.pave div.pave_points p,
div.pave div.pave_messages p
{
margin:0;
/*border:1px solid green;*/
height:25px;
line-height:25px;
font-size:11px;
text-align:center;
}


div.pave div.pave_points p strong span.points{
	font-size:17px;	
}



div.tetiere_jaune div.bas div p.bouton{
	
	background-image:url(../images/bouton-noir-pave-ami.png);
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom:2px;
	text-align:center;
	
	/*border:1px solid green;*/
}



div.tetiere_jaune div.bas div p.bouton a{
	
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	color:#e7a900;
}

div.tetiere_jaune div.bas div p.bouton a:hover{
	color:#fff;

}



/* jaunele menu lateral catégories */



div.tetiere_jaune div.bas ol.menu_categories{
	
}

div.tetiere_jaune div.bas ol.menu_categories li{
	border-bottom:1px solid #000;
	border-top:1px solid #646057;
	padding:0px 8px;
	line-height: 28px;
	background-repeat:no-repeat;
	background-position: 1px 0px;
	
}

div.tetiere_jaune div.bas ol.menu_categories li.last{
	border-bottom:none;
}


ol.menu_categories li.nolink{
	font-size:12px;
	font-weight:bold;
	color:#6c6858;
}


div.tetiere_jaune div.bas ol.menu_categories li a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	display: block;
	height: 28px;
	width: 202px;
	outline:none;
}

div.tetiere_jaune div.bas ol.menu_categories li a:hover{
	/*text-decoration:underline;*/
}


div.tetiere_jaune div.bas ol.menu_categories li ul{
	padding-left:4px;
	/*border:1px solid pink;*/
	list-style-type:disc;
	list-style-position:inside;
}

div.tetiere_jaune div.bas ol.menu_categories li ul li{
	line-height:12px;
	list-style-type:disc;
	padding:0;
	
	padding:3px 6px;
	padding-left: 1em;
	text-indent:-1em;
	color:white;
	border:none;
}





div.tetiere_jaune div.bas ol.menu_categories li ul li a{
	display: inline;
}

div.tetiere_jaune div.bas ol.menu_categories li ul li a:hover{
	text-decoration:underline;
}

div.hr{
		clear:both;
		height:1px;
		border-top:1px dotted #514e43;
		margin:auto 4px;
}



div.tetiere_pub
{
	width: 207px;
	margin-left: 10px;
	/*border:1px dotted orange;*/
}

div.tetiere_pub div.haut
{
	background-image:url(../images/tetiere-pub-top.gif);
	background-position:top center;
	background-repeat:no-repeat;
	height:7px;
}

div.tetiere_pub div.border
{
	background-image:url(../images/tetiere-pub-border.gif);
	background-position: 0 0;
	background-repeat:repeat-y;
/*	border:1px solid blue; */
	padding:0px 12px;
}

/* cf div.body div.colonne_a p */

div.tetiere_pub div.border p
{
	padding:0;
	/*overflow:hidden; */
	/*border:1px dashed red;*/
	text-align:center;
}

div.tetiere_pub div.border p a img
{
	border:none;
	display:block;
	margin:0 auto;
}

div.tetiere_pub div.bottom
{
	background-image:url(../images/tetiere-pub-bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
/*	border:1px solid blue; */
	padding:0px 12px;
	padding-bottom:3px;
}

/*  
 ===================
			footer  
===================
*/

div.footer{
	
	clear:both;

	width:1056px;
	
	
	/*border:1px dashed yellow;*/
	margin:0 auto;
	margin-top:-100px;
	margin-bottom: -20px;
	
	overflow:hidden;
	
	text-align:right;
	
	background-image:url(../images/division.png);

	background-position:0 0 ;
	background-repeat:no-repeat;
	background-color:#4a473c;

}


div.footer ul{ 
	text-decoration:none;
	margin:0;
	padding:0;
	margin-top:1em;
	padding:1em 14.5em ;
	text-align:center;
	}

div.footer ul li{ 
	display:inline;
	margin:8px;
	text-align:center;
	/*border:1px solid orange;*/
	
}


div.footer ul li a{ 
	font-size:11px;
	color:#938e78;
	text-decoration:none;
}

div.footer ul li a:hover{ 
	text-decoration:underline;
	color:#fff1c6;
}


div.footer hr{
	margin:0;
	border:none;
	border-top:1px solid #6c6858;
}


div.footer p{
	text-align:center;
	font-size:11px;
	color:#938e78;	
}

div.footer p img{
	vertical-align:middle;	
} 


/****
	BOOKMAKER
			****/
.liste_sitepayant  {
background:none repeat scroll 0 0 #4a473c;
border-left:1px solid #646056;
border-right:1px solid #646056;
font-size:65%;
}

.tetiere_pub .headercat {
background:url("sec_droite.png") no-repeat scroll 0 0 transparent;
height:6px;
width:207px;
}
.tetiere_pub .bottomcat {
background:url("sec_droite.png") no-repeat scroll -207px 0 transparent;
height:6px;
margin-bottom:15px;
width:207px;
}
.tetiere_pub .selectedcat {
background-image:url("sec_droite_selected.png");
}
			
.top_sitepayant  {
border-bottom:1px solid #646056;
padding:8px 10px;
}
.top_sitepayant:last-child {
border-bottom:medium none;
}
.top_sitepayant a {
color:#FFFFFF;
display:block;
font-weight:bold;
padding-top:4px;
}
.top_sitepayant table {
background:url("top_sitepayant_note_selected.png") no-repeat scroll 0 3px transparent;
padding:0 4px;
width:100%;
}
.top_sitepayant p {
color:#FFFFFF;
margin:6px 0 0;
padding:0;
}
.top_sitepayant_selected table {
background-image:url("top_sitepayant_note.png");
}
.top_sitepayant_selected {
background:none repeat scroll 0 0 #2C2C2C;
}
.top_sitepayant_selected a {
color:black;
}
.top_sitepayant_selected p {
color:f3f3f3;
}


/*div.pave_bleu div.haut_titre {
 
}

div.pave_bleu div.haut_titre div.haut_gauche
{
	background-image:url(../images/corner_gauche_tetiere_bleu.png);
	float:left;
	background-repeat:no-repeat;
	width:6px;
	height:23px;
}

div.pave_bleu div.haut_titre div.haut_middle
{	
	float:left;
	background-image:url(../images/fond_titre_tetiere_bleu.jpg);	
	background-repeat:x;	
	width:586px;
	height:23px;	
}

div.pave_bleu div.haut_titre div.haut_middle h3
{
	margin:0;
	padding:1px 8px;
	color:#fff;
	font-size:14px;
	line-height:20px;
}

div.pave_bleu div.haut_titre div.haut_droite{
	background-image:url(../images/corner_droit_tetiere_bleu.png);
	float:left;
	background-repeat:no-repeat;
	width:9px;
	height:23px;
}

div.pave_bleu div.middle
{
	background-image:url(../images/fond_tetiere_bleu.jpg);
	float:left;
	background-position:top left;
	background-repeat:repeat-y;	
}

div.pave_bleu div.bas_pave_bleu
{
	background-image:url(../images/bas_tetiere_bleu.png);
	float:left;
	background-repeat:no-repeat;
	height:9px;
	width:604px;
}*/