* { margin: 0; padding: 0;
	font-family : Verdana,Geneva,Arial,Helvetica,sans-serif; }
	body {margin: 0; padding: 0;
	background:#008392 url(../illus/bg.jpg) top left repeat-x; /* couleur et image de fond pour le degradé */
	font-size:12px;} /* taille de police par defaut */
	
	#conteneur {
	position:relative;
margin:0px auto auto auto;
width:960px;
border-left:1px solid #054155;
border-right:1px solid #054155;
border-bottom:1px solid #054155;
background-color:#f8f8f8;
}/* permet de centrer le site en fonction de la résolution ecran */

h1 {font-size:14px;
	color:#0099ac;
	margin:0;
	padding:0 0 2px 5px;
	border-bottom:1px solid #CCCCCC;}

h2 { font-size:12px;}

h3 {
font-weight:bold;
	color:#0099ac;
	padding:2px 0 0px 5px;}

a {
color:#00232f;
text-decoration:none;} /* couleur des liens par defaut */

a:hover {
color:#0099ac;
text-decoration:none;}/* couleur des liens par defaut au survol*/

img {border:none;} 

	
	/* =entete
	----------------------------- */
	#entete {color:#fff;background-color: #00232f;
	border-bottom:1px solid #054155;
	height:15px;
	padding-top:2px;}
	.sites {margin:0 auto 0 auto;
	width:960px;
	text-align:right;
	font-size:10px;}
	
	#entete a {
	color:#FFFFFF;
	text-decoration:none;}
	#entete a:hover {
	color:#00a0b1;
	text-decoration:underline;}
	
	/* =header
	----------------------------- */
	
	#header {
	margin:0 auto 0 auto;
		width: 960px;
		height:145px;
		background: #fff url(../illus/bg-header.jpg) top no-repeat;
	}
	
	#header h1 {
	font-size:14px;
	text-align:center;
	width:468px;
	color:#fff;
	margin:0;
	padding:0;
	border:none;
	}/* Le h1 de l'ccueil est le slogan pub*/
	
	#headersport {
	margin:0 auto 0 auto;
		width: 960px;
		height:145px;
		background: #fff url(../illus/bg-header-sport.jpg) top no-repeat;
	}
	
	#header p.pubbanniere, #headersport p.pubbanniere, #headerpoker p.pubbanniere, #headerturf p.pubbanniere {
	font-size:14px;
	text-align:center;
	width:468px;
	color:#fff;
	margin:0;
	padding:3px 0 0 0;
	font-weight:bold;
	}/* si h1 utilisé dans le corps du site, utiliser un paragraphe qui a le même aspect*/
	
	
	#headerturf {
	margin:0 auto 0 auto;
		width: 960px;
		height:145px;
		background: #fff url(../illus/bg-header-turf.jpg) top no-repeat;
	}
	
	#headerpoker {
	margin:0 auto 0 auto;
		width: 960px;
		height:145px;
		background: #fff url(../illus/bg-header-poker.jpg) top no-repeat;
	}
	
	
	#mainhaut {
		float: left;
		width: 700px;			
	}
	
	#pubhaut {position:relative;
	margin:10px 0 0 100px;
	padding:0px 0 0 0;
	width:468px;
	height:85px;
	float:left;
	text-align:center;
	color:#fff;
	background:url(../illus/bg-header-h1.png) top left repeat;
	}
	#menu1 {position:relative;
	margin:18px 0 0 5px;
	width:530px;
	float:left;
	font-size:12px;	
	}/* menu accueil, poker, sport, turf et adictel*/
	
	.menu1bloc {
	position:relative;
	float:left;
	padding:7px 0 5px 0;
	width:81px;
	height:18px;
	text-align:center;
	background:url(../illus/bg-blocmenu.png) top left no-repeat;
	font-weight:bold;}
	
	.menu1bloc a {color:#fff;
	text-decoration:none;}
	
	.menu1bloc a:hover {color:#fff;
	text-decoration:underline;}
	
	.menu1bloc2 {
	position:relative;
	float:left;
	padding:3px 5px 5px 16px;
	width:179px;
	height:22px;
	text-align:right;
	background:url(../illus/bg-blocmenu2.png) top left no-repeat;}
		
	#logo {
	float:left;
	font-size:9px;
	padding: 5px 0 0 15px;
	width:157px;}
	
	
	html>body #logo {
		width: 152px; /* pour les navigateurs modernes: on redefini la largeur desiree initialement */
	}
	
	/* =menu
	----------------------------- */
	
		
	

	.menu {width:960px; position:relative; z-index:100; font-family:arial, sans-serif;  clear:both;
	padding-top:5px;
	background-color:#f0f0f0;
	border-top:1px solid #927d6a;}
	/* hack to correct IE5.5 faulty box model */
	.menu ul {padding:0;margin:0;list-style-type:none;
	}
	
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {float: left; width: 120px; position: relative; text-align: left;}
	/* style the links for the top level */
	.menu a, .menu a:visited {display: block; text-decoration: none; color: black; width: 120px; height: 30px; line-height: 30px; 
	font-weight: bold; background-color: white; background-image: url(../illus/boutonmenu.jpg); font-size: 12px;}
	
	.levelone a, .levelone a:visited {display: block; text-decoration: none; color: black; width: 120px; height: 30px; line-height: 30px; 
	font-weight: bold; background-color: white; background-image: url(../illus/boutonmenu.jpg); font-size: 12px;
	border-bottom:2px solid #927d6a;
	text-align:center;}
	
	.levelone a:hover {background-image: url(../illus/boutonmenu-roll.jpg);
	border-bottom:2px solid #e95b10;
	color:#e95b10;
	text-align:center;}
	
	/* a hack so that IE5.6 faulty box model is corrected */
	* html .menu a, * html .menu a:visited {width:128px}		 

	/* style the second level background */
	.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#efefef url(../illus/grey-arrow.gif) no-repeat 126px center;}
	/* style the second level hover */
	.menu ul ul a.drop:hover {background:#0099ac url(../illus/orange-arrow.gif) no-repeat 126px center;
	color:#fff;}
	/* style the third level background */
	.menu ul ul ul a, .menu ul ul ul a:visited {background:#efefef;}
	/* style the third level hover */
	.menu ul ul ul a:hover {background:#0099ac;
	color:#fff;}
  
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; 
	border-top:2px solid #e95b10; width:120px;
	}
	*+html menu ul ul li {margin:0;
	padding:0;
	}
	/* another hack for IE5.5 */

 
	/* position the third level flyout menu */
	.menu ul ul ul{left:140px; top:0px; width:120px;
	border-top:none;} 
	/* position the third level flyout menu for a left flyout */
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menu table {position:absolute; top:0; left:0; border-collapse:collapse;
	}
	 
	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {background:#efefef; height:auto; line-height:1em; padding:5px 10px; width:120px;font-size:11px;
	}
	/* yet another hack for IE5.5 */
	* html .menu ul ul a, * html .menu ul ul a:visited {width:140px;}
	 
	/* style the top level hover */
	.menu a:hover {background-image: url(../illus/boutonmenu-roll.jpg);}
	
	.menu ul ul a:hover { background:#0099ac;
	color:#fff;}
 
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{ visibility:visible;} 	
	
	.flechmenu {
	float:left;
	padding:8px 0 0 0;}
	
	*+html .flechmenu {
	float:left;
	padding:0;
	margin:-10px 0 0 0;
	visibility:hidden;}
	
	
	
		/* =menupoker
	----------------------------- */
	
		
	

	.menupoker {width:960px; position:relative; z-index:100; font-family:arial, sans-serif;  clear:both;
	padding-top:5px;
	background-color:#f0f0f0;
	border-top:1px solid #927d6a;}
	/* hack to correct IE5.5 faulty box model */
	.menupoker ul {padding:0;margin:0;list-style-type:none;
	}
	
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menupoker li {float: left; width: 160px; position: relative; text-align: left;}
	/* style the links for the top level */
	.menupoker a, .menupoker a:visited {display: block; text-decoration: none; color: black; width: 160px; height: 30px; line-height: 30px; 
	font-weight: bold; background-color: white; background-image: url(../illus/boutonmenupoker.gif); font-size: 12px;}
	
	.levelonepoker a, .levelonepoker a:visited {display: block; text-decoration: none; color: black; width: 160px; height: 30px; line-height: 30px; 
	font-weight: bold; background-color: white; background-image: url(../illus/boutonmenupoker.gif); font-size: 12px;
	border-bottom:2px solid #927d6a;
	text-align:center;}
	
	.levelonepoker a:hover {background-image: url(../illus/boutonmenu-roll.jpg);
	border-bottom:2px solid #e95b10;
	color:#e95b10;
	text-align:center;}
	
	/* a hack so that IE5.6 faulty box model is corrected */
	* html .menupoker a, * html .menupoker a:visited {width:128px}		 

	/* style the second level background */
	.menupoker ul ul a.drop, .menupoker ul ul a.drop:visited {background:#efefef url(../illus/grey-arrow.gif) no-repeat 126px center;}
	/* style the second level hover */
	.menupoker ul ul a.drop:hover {background:#0099ac url(../illus/orange-arrow.gif) no-repeat 126px center;
	color:#fff;}
	/* style the third level background */
	.menupoker ul ul ul a, .menupoker ul ul ul a:visited {background:#efefef;}
	/* style the third level hover */
	.menupoker ul ul ul a:hover {background:#0099ac;
	color:#fff;}
  
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menupoker ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; 
	border-top:2px solid #e95b10; width:120px;
	}
	*+html menu ul ul li {margin:0;
	padding:0;
	}
	/* another hack for IE5.5 */

 
	/* position the third level flyout menu */
	.menupoker ul ul ul{left:140px; top:0px; width:120px;
	border-top:none;} 
	/* position the third level flyout menu for a left flyout */
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menupoker table {position:absolute; top:0; left:0; border-collapse:collapse;
	}
	 
	/* style the second level links */
	.menupoker ul ul a, .menupoker ul ul a:visited {background:#efefef; height:auto; line-height:1em; padding:5px 10px; width:120px;font-size:11px;
	}
	/* yet another hack for IE5.5 */
	* html .menupoker ul ul a, * html .menupoker ul ul a:visited {width:140px;}
	 
	/* style the top level hover */
	.menupoker a:hover {background-image: url(../illus/boutonmenu-roll.jpg);}
	
	.menupoker ul ul a:hover { background:#0099ac;
	color:#fff;}
 
	/* make the second level visible when hover on first level list OR link */
	.menupoker ul li:hover ul,
	.menupoker ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	.menupoker ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	.menupoker ul :hover ul :hover ul{ visibility:visible;} 	
	
	.flechmenu {
	float
	:left;
	padding:8px 0 0 0;}
	
	*+html .flechmenu {
	float:left;
	padding:0;
	margin:-10px 0 0 0;
	visibility:hidden;}
	
	
	
	
	
	
	
	/* =page
	----------------------------- */
	#page {
		float:left;
		width: 960px;
		margin-top:0px;
		
		
			/* "faux colomn": colonnes de meme hauteur
			www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts */
	}
	
	*+html #page {
		float:left;
		width: 960px;
		margin-top:35px;
		
		
			/* "faux colomn": colonnes de meme hauteur
			www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts */
	}
	
	/* =colonne de gauche
	----------------------------- */
	#gauche {
		float: left;
		width: 160px;
		min-width: 10em;
		margin-top:5px;
	}
	
	/* masquage IE/mac + IE/win \*/
	html>body #gauche {
		width: 160px; /* pour les navigateurs modernes: on redefini la largeur desiree initialement */
	}
	
	.cadregauche {
	width:160px;
	margin:0 0 5px 5px;
	}
	
	.cadregauche h2 {
	font-weight:bold;
	font-size:10px;
	text-align:center;
	color:#FFFFFF;
	}
	
	.cadregauchehaut {
	background:url(../illus/cadre-gauche-haut.jpg) top left no-repeat;
	height:19px;
	padding-top:6px;}
	
	.cadregauchehautprono {
	background:url(../illus/cadre-gauche-haut-prono.jpg) top left no-repeat;
	height:19px;
	padding-top:6px;}
	
	 .cadregauchemilieuprono {
	background:url(../illus/cadre-gauche-milieu.jpg) top left repeat-y;
	height:150px;
	padding:3px 3px 0px 3px;
	overflow:auto;}
	
	.cadregauchemilieu, .cadregauchemilieuprono {
	background:url(../illus/cadre-gauche-milieu.jpg) top left repeat-y;
	padding:3px 3px 0px 3px;}
	
	.cadregauchemilieu p, .cadregauchemilieuprono p {
	font-size:10px;
	line-height:130%;}
	
	.cadregauchemilieu ul {
	margin:0;
	padding:0;
	}
	
	.cadregauchemilieu li {
	list-style:circle;
	color:#eb6d1e;
	font-size:10px;
	margin:0 0 0 15px;
	padding:0;
	line-height:130%;}
	
	.cadregauchelogo {
	float:left;
	padding-right:2px;
	}
	
	.cadregauchemilieuprono a, .cadregauchemilieuprono a:visited  {
	color:#00232f;
	text-decoration:none;
	margin-left:14px;
	display:block;
	}
	
	.cadregauchemilieu a, .cadregauchemilieu a:visited  {
	color:#00232f;
	text-decoration:none;
	margin-left:5px;
	display:block;
	}
	
	.cadregauchemilieu a:hover, .cadregauchemilieuprono a:hover {
	color:#eb6d1e;
	}
	
	.cadregauchebas {
	background:url(../illus/cadre-gauche-bas.jpg) bottom left no-repeat;
	height:8px;
	}
	
	.pub {
	width:160px;
	margin:0 0 5px 5px;
	}
	
	.pubdroite {
	width:120px;
	margin:5px 0 0 0;
	}
	
	.pub h2 {
	font-weight:bold;
	font-size:12px;
	height:19px;
	text-align:center;
	padding-top:6px;
	color:#eb6d1e;
	background:url(../illus/cadre-gauche-haut-pub.jpg) top left no-repeat;
	}
	
	/* =main
	----------------------------- */
	#main {
		float: left;
		width: 800px;
		background: url(../illus/bg-main.jpg) repeat-y top right;
			/* "faux colomn": colonnes de meme hauteur
			www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts */
	}
	
	/* =centre
	----------------------------- */
	#centre {
		float: left;
		width: 660px;
		margin-left:10px;
		color: black;
	}
	
	/* ---------galerie------------*/
	
	#cadregalerie {
	width: 660px;
	height:290px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
background:url(../illus/bg-cadreaccueil.jpg) top left no-repeat;
	}
	
	*+html #cadregalerie {
	width: 660px;
	height:290px;
	margin:0;
	padding:10px 0 0 0;
	float:left;
background:url(../illus/bg-cadreaccueil.jpg) top left no-repeat;
	}
	
	#galerieaccueil {
float:left;
width:660px;
margin:0 5px 0 20px;
padding:10px 0 0 10px;
}
	
	#galerieaccueil img {vertical-align:middle; border:none;
	}
 
	#thumbs {
	position:relative;
	overflow:hidden;
	list-style:none;
	margin:0px;
	padding:0;
	top:238px;}

 
	*+html #thumbs {overflow:hidden; list-style:none; margin:0px; padding:0;
	top:238px;}
 
 
	#thumbs li {
	width:57px;
	height:43px;
	margin: 0px 0 0 4px;
	padding:0;
	float:left;
	}
 
	#thumbs a {display:block; padding:1px; outline:none;}
 
	#thumbs a:hover, #thumbs a:focus {background:#00232f;}
 
	#thumbs a.active {background:#eb6d1e;}
 
	#viewer {position:relative; width:300px; height:225px; margin-left:4px;
	margin-top:-36px;
	margin-bottom:50px;
	}
 
	#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
	
	#contenu_1, #contenu_2, #contenu_3, #contenu_4, #contenu_5 {
	position:absolute;
	margin-left:315px;
	width:341px;
	font-size:12px;
	color:#00232f;
	visibility:hidden;
	height:280px;
	margin-top:5px;
	overflow:auto;}
	
	#contenu_1 h2, #contenu_2 h2, #contenu_3 h2, #contenu_4 h2, #contenu_5 h2 {
	font-size:14px;
	color:#0099ac;}
	
	.pubgalerieaccueil {
	float:right;
	padding-right:0px;
	}
	
	/* ---------cadres du centre------------*/
	
	.cadrecentre {
	width: 660px;
	margin:0;
	padding:0px 0 0px 0;
	float:left;
	}
	
	.cadrecentre p {
	line-height:120%;
	margin:10px 0 10px 5px;}
	
	.cadrecentre h2 {
	color:#eb6d1e;
	padding:5px 0 0 5px;
	margin-top:0px;}
	
	.cadrecentre h2.separationtitrecentre {
	color:#eb6d1e;
	text-align:center;
	margin-top:5px;
	padding:3px 0 3px 5px;
	font-size:13px;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;}
	
	.cadresport, .cadre1 {
	width:212px;
	float:left;
	margin-top:0px;
	}
	
	.cadrepoker, .cadre2 {
	width:212px;
	margin-left:12px;
	margin-top:0px;
	float:left;
	}
	
	.cadreturf, .cadre3 {
	width:212px;
	margin-left:12px;
	margin-top:0px;
	float:left;
	}
	
	.cadreturf2, .cadrepoker2, .cadresport2 {
	width:212px;
	margin-top:5px;
	float:left;
	}
	
	
	.cadreduo1 {
	width:324px;
	margin-top:5px;
	float:left;
	}
	
	.cadreduo2 {
	width:324px;
	margin-top:5px;
	margin-left:12px;
	float:left;
	}
	
	.cadreduo1haut, .cadreduo2haut {
	position:relative;
	width:324px;
	height:8px;
	background:url(../illus/cadre-duo-haut.gif) top left no-repeat;}
	
	.cadreduo1milieu, .cadreduo2milieu {
	position:relative;
	font-size:11px;
	width:324px;
	background:url(../illus/cadre-duo-milieu.gif) top left repeat-y;}
	
	.cadreduo1milieu p, .cadreduo2milieu p {
	font-size:11px;
	margin:0;
	padding:5px 0 0 5px;}
	
	.cadreduo1milieu td, .cadreduo2milieu td {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	text-align:left;
	background-color:#f6f6f6;
	}
	
	.cadreduo1milieu td.centrer, .cadreduo2milieu td.centrer {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	text-align:center;
	background-color:#f6f6f6;
	}
	
	.cadreduo1milieu td h3, .cadreduo2milieu td h3 {
font-weight:bold;
	color:#927d69;
padding:2px 0 0px 5px;
font-size:11px;
	}
	
	.cadreduo1milieu table, .cadreduo2milieu table {
	border: 1px solid #CCCCCC;
	margin:0 3px 0 3px;
	}
	
	.cadreduo1milieu td.titre, .cadreduo2milieu td.titre {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	text-align:center;
	background-color:#0099ac;
	color:#fff;
	font-weight:bold;
	}
	
	.cadreduo1milieu table.grandecellule td, .cadreduo2milieu table.grandecellule td {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	height:25px;
	text-align:left;
	background-color:#f6f6f6;
	}
	
	.cadreduo1milieu table.grandecellule td.titre, .cadreduo2milieu table.grandecellule td.titre {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	text-align:center;
	background-color:#0099ac;
	color:#fff;
	font-weight:bold;
	}
	
	
	.cadreduo1bas, .cadreduo2bas {
	position:relative;
	width:324px;
	height:7px;
	background:url(../illus/cadre-duo-bas.gif) top left no-repeat;}
	
	
	.cadrecentrenews, .cadrecentretitre {
	position:relative;
	width:212px;
	height:20px;
	padding:5px 0 0 5px;
	margin-top:5px;
	color:#FFFFFF;
	background:url(../illus/cadre-news-haut.gif) top left no-repeat;}
	
	.cadrecentretitreoffre {
		position:relative;
	width:212px;
	height:20px;
	padding:5px 0 0 5px;
	margin-top:5px;
	color:#FFFFFF;
	background:url(../illus/cadre-offre-haut.gif) top left no-repeat;}
	
	.cadrecentrenews a, .cadrecentretitre a {
	color:#fff;
	text-decoration:none;}
	
	.cadrecentrenews a:hover, .cadrecentretitre a:hover {
	color:#fff;
	text-decoration:underline;}
	
	.cadrecentrehaut {
	position:relative;
	width:212px;
	height:8px;
	background:url(../illus/cadre-centre-haut.gif) top left no-repeat;}
	
	.cadrecentremilieu {
	position:relative;
	font-size:11px;
	width:212px;
	background:url(../illus/cadre-centre-milieu.gif) top left repeat-y;}
	
	.cadrecentremilieu p {
	font-size:11px;
	margin:0;
	padding:0 0 0 5px;}
	
	.cadrecentremilieuflux {
	position:relative;
	font-size:11px;
	width:212px;
	background:url(../illus/cadre-centre-milieu.gif) top left repeat-y;}
	
	.cadrecentremilieuflux br {
	display:none;}
	
	.cadrecentremilieuflux p {
	font-size:11px;
	margin:0;
	padding:5px 0 5px 5px;
	border-bottom:1px dotted #cccccc;}
	
	.cadrecentremilieu h2, .cadrecentremilieu h2 a {
	font-size:14px;
	color:#0099ac;
	margin:0;
	padding:0 0 2px 2px;}
	
	.cadrecentremilieu td {
	border-top: 1px dotted #CCCCCC;
	padding:3px 0 0px 3px;
	margin: 0;
	height:25px;}
	
	.cadrecentremilieu td.bookmaker {
	border-top: 1px dotted #CCCCCC;
	padding:3px 0 4px 3px;
	margin: 0;
	height:7px;}
	
	.cadrecentremilieu a {
color:#00232f;
font-size:11px;
text-decoration:none;}

a.suite {
color:#eb6d1e;}

.cadrecentremilieu a:hover {
color:#0099ac;
text-decoration:none;}
	
	.cadrecentrebas {
	position:relative;
	width:212px;
	height:7px;
	background:url(../illus/cadre-centre-bas.gif) top left no-repeat;
	}	

.cadrepronoaccueil {
float:left;
	width: 660px;
	height:151px;
	margin:5px 0 0 0;
	padding:3px 5px 5px 5px;
background:url(../illus/bg-cadrepronoaccueil.jpg) top left no-repeat;
	}
	
	.cadrepronoaccueil h3 {
	padding:0px 0 0 0;
	margin:0;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	}
	
	.cadrepronoaccueil h3 a {
	color:#fff;
	text-decoration:none;
	}
	
		.cadrepronoaccueil h3 a:hover {
	color:#00232f;
	}
	
	.cadrepronoaccueil a {
color:#00232f;
text-decoration:underline;}

.cadrepronoaccueil a:hover {
color:#0099ac;
text-decoration:none;}
	
	.datepronoaccueil {
	color:#917c69;
	border-bottom: 1px dotted #917c69;
	font-weight:bold;
	}
	
	.cadrepanoramiquehaut {
	position:relative;
	float:left;
	width:660px;
	height:8px;
	background:url(../illus/cadre-panoramique-haut.gif) top left no-repeat;
	margin-top:5px;}
	
	.cadrepanoramiquemilieu {
		
	position:relative;
	font-size:11px;
	float:left;
	width:660px;
	background:url(../illus/cadre-panoramique-milieu.gif) top left repeat-y;}
	
	.cadrepanoramiquemilieu p {
	text-align:left;	
	font-size:11px;
	margin:0;
	padding:7px 5px 7px 5px;}
	
	.cadrepanoramiquemilieu a.couleur {
	color:#e95b10;
	}
	
	
	.cadrepanoramiquemilieu h2, .cadrepanoramiquemilieu h2 a {
	font-size:14px;
	color:#0099ac;
	margin:0;
	padding:0 0 2px 5px;}
	
	.cadrepanoramiquemilieu td.sansbordhaut {
	border:none;}/* a utiliser lorsque vous ne souhaitez pas de bordure grise au dessus des ligne de cellule du tableau dans le cadre panoramique------ */
	
	
	/* =tableau classement bookmaker
	----------------------------- */
	
	.cadrepanoramiquemilieu table {
	width:100%;
	padding:0 1px 0 1px;}
	
	.cadrepanoramiquemilieu td {
	border-top: 1px dotted #CCCCCC;
	padding:3px 0 3px 3px;
	margin:0;
	text-align:center;}
	
	.sansbordure td {
	border: none;
	padding:3px 0 3px 3px;
	margin:0;
	text-align:center;}
	
	.cadrepanoramiquemilieu td.grise {
	border-top: 1px dotted #CCCCCC;
	padding:0;
	margin:0;
	text-align:center;
	background-color:#e8e8e8;
	height:5px;}
	
	.cadrepanoramiquemilieu ul {
	}
	
	.cadrepanoramiquemilieu li, .cadreintromilieu li {
	list-style:none;
	background:url(../illus/boutonmenucote.gif) left no-repeat;
	padding:5px 0 5px 10px;
	margin-left:10px;
	font-size:11px;
	text-align:left;
	}
	
	.cadrepanoramiquemilieu td.sanssoulignement {
	border-top: 1px dotted #CCCCCC;
	padding:3px 0 3px 3px;
	margin:0;
	text-align:center;
	border:none;}
	
	
	/* =tableau panoramique stat
	----------------------------- */
		
	table.stat {
	border: 1px solid #CCCCCC;
	margin:0 3px 0 3px;
	padding:0;
	width:654px;
	}
	.stat td {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	text-align:left;
	background-color:#f6f6f6;
	}
	.stat td.centrer {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	text-align:center;
	background-color:#f6f6f6;
	}
	.stat td.titre {
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:0;
	text-align:center;
	background-color:#0099ac;
	color:#fff;
	font-weight:bold;
	}
	
	
	
	
	.cadrepanoramiquemilieu a {
color:#00232f;
font-size:11px;
text-decoration:none;}


.cadrepanoramiquemilieu a:hover {
color:#0099ac;
text-decoration:none;}
	
	.cadrepanoramiquebas {
	position:relative;
	width:660px;
	height:7px;
	float:left;
	background:url(../illus/cadre-panoramique-bas.gif) top left no-repeat;}
	
	
	
	
	
	
	/* =droite
	----------------------------- */
	#droite {
		float: left;
		width: 120px;
		color: black;
		margin-left:7px;
		font-size:10px;
		text-align:center;
	}
	
	#droite p{
	padding:45px 2px 0 2px;}
	
	#droite li {
	list-style:none;
	text-align:left;
	line-height:150%;
	padding:5px 0 0 10px;}
	
	.bonuspub, a.bonuspub {
	color:#F62713;
	font-size:14px;
	font-weight:bold;
	text-align: center;
}
	
	#droite a, #droite a:visited  {
	color:#00707d;
	text-decoration:none;
	}
	
	#droite a:hover {
	color:#e95b10;
	text-decoration:underline;
	}
	
	.margeimgdroite {
	margin-top:5px;}
	
#pubdroitebwin {position: relative; width: 120px; background-image: url(../images/fondpubdroitebwin.gif); height: 140px; margin-top: 5px;}			
#pubdroitebetclic {position: relative; width: 120px; background-image: url(../images/fondpubdroitebetclic.gif); height: 140px; margin-top: 5px;}	
#pubdroitesajoo {position: relative; width: 120px; background-image: url(../images/fondpubdroitesajoo.gif); height: 140px; margin-top: 5px;}			
#pubdroiteeurosportbet {position: relative; width: 120px; background-image: url(../images/fondpubdroiteeurosportbet.gif); height: 140px; margin-top: 5px;}					
#pubdroitepmusport {position: relative; width: 120px; background-image: url(../images/fondpubdroitepmu.gif); height: 140px; margin-top: 5px;}
#pubdroiteparionsweb {position: relative; width: 120px; background-image: url(../images/fondpubdroiteparionsweb.gif); height: 140px; margin-top: 5px;}																 
#pubdroitepmuturf {position: relative; width: 120px; background-image: url(../images/fondpubdroitepmuturf.gif); height: 140px; margin-top: 5px;}
#pubdroitezeturf {position: relative; width: 120px; background-image: url(../images/fondpubdroitezeturf.gif); height: 140px; margin-top: 5px;}
#pubdroitebetclicturf {position: relative; width: 120px; background-image: url(../images/fondpubdroitebetclicturf.gif); height: 140px; margin-top: 5px;}
#pubdroiteleturf {position: relative; width: 120px; background-image: url(../images/fondpubdroiteleturf.gif); height: 140px; margin-top: 5px;}	
#pubdroitechilipoker {position: relative; width: 120px; background-image: url(../images/fondpubdroitechilipoker.gif); height: 140px; margin-top: 5px;}
#pubdroitepokerstars {position: relative; width: 120px; background-image: url(../images/fondpubdroitepokerstars.gif); height: 140px; margin-top: 5px;}
#pubdroitebetclicpoker {position: relative; width: 120px; background-image: url(../images/fondpubdroitebetclicpoker.gif); height: 140px; margin-top: 5px;}
#pubdroitesajoopoker {position: relative; width: 120px; background-image: url(../images/fondpubdroitesajoopoker.gif); height: 140px; margin-top: 5px;}
#pubdroitebwinpoker {position: relative; width: 120px; background-image: url(../images/fondpubdroitebwinpoker.gif); height: 140px; margin-top: 5px;}
#pubdroitepmupoker {position: relative; width: 120px; background-image: url(../images/fondpubdroitepmupoker.gif); height: 140px; margin-top: 5px;}

#top3sport {
position: relative; width: 120px; background-image: url(../illus/top3-sport.jpg); height: 100px; margin-top: 5px; padding-top:83px;
}

#top3turf {
position: relative; width: 120px; background-image: url(../illus/top3-turf.jpg); height: 100px; margin-top: 5px; padding-top:83px;
}

#top3poker {
position: relative; width: 120px; background-image: url(../illus/top3-poker.jpg); height: 100px; margin-top: 5px; padding-top:83px;
}


.cadredroite {
	width:120px;
	margin:5px 0 5px 0;
	}
	
	
	
	.cadredroitehaut {
	background:url(../illus/cadre-droite-haut.jpg) top left no-repeat;
	height:19px;
	padding-top:6px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:10px;
	}	
	
	.cadredroitemilieu  {
	background:url(../illus/cadre-droite-milieu.jpg) top left repeat-y;
	padding:3px 3px 0px 3px;}
	
	#droite .cadredroite .cadredroitemilieu p {
	font-size:10px;
	line-height:130%;
	margin:0;
	padding:0;
}
	
	.cadredroitebas {
	background:url(../illus/cadre-droite-bas.jpg) bottom left no-repeat;
	height:6px;
	}


	
	/* =pieddepage
	----------------------------- */
	#pieddepage {clear: both;background: #03171e url(../illus/bg-pied.jpg) top left no-repeat;
	font-size:10px;
	color:#999999;}
	
	#pieddepage a { 
	color:#fff;}
	
	#pieddepage a:hover {
color:#0099ac;
text-decoration:none;}
	
	#pieddepage p {padding: 5px;
	}
	
	#signature {
	font-size:9px;}
	
	


	/* =affichage cadre bonus au survol	---------- */
	
	div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #f8f8f8;
border:2px solid #e95b10;
color:#00232f;
padding: 3px;
width: 200px; /*width of tooltip*/
}

.alignementdroite {
float:right;
padding-right:5px;}

.alignementgauche {
float:left;
padding-right:5px;}

.alignementcentre {
text-align:center;}

.clear {clear: both;}

.orange {
color:#e95b10;
}

.bleu {
color:#0099ac;
}

.minipied {
float:right;
padding-right:5px;
font-size:9px;}

/* =accueil sport poker turf cadre avec tableau a droite
	----------------------------- */
	
.cadreintro {
	width:436px;
	float:left;
	margin:5px 12px 0 0;
	}	
	
.cadreintrohaut {
	position:relative;
	width:436px;
	height:7px;
	background:url(../illus/cadreintrosport-haut.gif) top left no-repeat;}
	
	.cadreintromilieu {
	position:relative;
	width:436px;
	background:url(../illus/cadreintrosport-milieu.gif) top left repeat-y;}
	
	.cadreintromilieu p {
	font-size:11px;
	margin:0;
	padding:7px 0 7px 5px;}
	
	.cadreintromilieu h2, .cadreintro h2 a {
	font-size:14px;
	color:#0099ac;
	margin:0;
	padding:0 0 2px 2px;
	border-bottom:1px solid #CCCCCC;}
	
	.cadreintromilieu h3, .cadreintro h3 a {
	font-size:11px;
	color:#e95b10;
	margin:0;
	padding:5px 0 2px 2px;}
	
		
	.cadreintromilieu a {
color:#00232f;
font-size:11px;
text-decoration:none;}


.cadreintromilieu a:hover {
color:#0099ac;
text-decoration:none;}
	
	.cadreintrobas {
	position:relative;
	width:436px;
	height:7px;
	background:url(../illus/cadreintrosport-bas.gif) top left no-repeat;}
		
	
.cadre2col {
		float: left;
		width: 785px;
		margin-left:10px;
		font-size:11px;
		margin-top:5px;
}

.cadre2col table {
		border-top:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
}

.cadre2col td {
		border-left:1px solid #CCCCCC;
}
	
.cadre2col td.titre {
background-color:#0099ac;
border-bottom:1px solid #CCCCCC;
height:24px;
text-align:center;
}	

.cadre2col td.titre h2 {
color:#fff;}	
	
.cadre2col td.sstitre {
border-bottom:1px solid #CCCCCC;
text-align:center;
}	

.cadre2col td.sstitre h3 {
font-weight:bold;
	color:#927d69;
padding:2px 0 0px 5px;
font-size:11px;
	}
	
.cadre2col td.sstitre2 {
border-bottom:1px solid #CCCCCC;
text-align:center;
color:#e95b10;

}	

	
/* =styles parier foot
	----------------------------- */