/* CSS Document */

body{
padding:0px;
margin:0px;
font:14px/15px Arial, Helvetica, sans-serif;
color:#161616;
line-height:16px;
background:#000 url(images/bg.gif) left top repeat;
}

td{
font:14px/15px  Arial, Helvetica, sans-serif;
color:#161616;
line-height:16px;
font-weight:normal;
}
img, div, input { behavior: url("js/iepngfix.htc"); }

div, h1, h2, h3, h4, p, img, ul, ol, li, form, input, textarea{
	padding : 0;
	margin : 0;
	}
p{
	padding : 0 0 8px 0;
	margin : 0;
	}
ul {
	list-style : none;
	}
img {
	outline : none;
	border : none;
	}
a {
	outline : none;
	text-decoration : none;
	}



/*-------------------       Layout      --------------*/
.fontSize18{ font-size:18px; line-height:24px;}
.fontSize30{ font-size:30px; line-height:36px;}
.blueText{ color:#118CD1;}
.whiteText{ color:#fff;}
.yellowLink{ color:#D9B600; text-decoration:underline; font-weight:bold;}
.yellowLink:hover{ color:#fff; text-decoration:underline; font-weight:bold;}
.blueLink{ color:#26A7C7; text-decoration:underline; font-weight:bold;}
.blueLink:hover{ color:#000; text-decoration:none; font-weight:bold;} 
.grayText{ color:#383838;}
.grayLink{ color:#484848; text-decoration:underline; font-weight:bold; font-size:11px;}
.grayLink:hover{ color:#000; text-decoration:none; font-weight:bold;} 


#glow{
width:950px;
margin:0 auto; 
background:url(images/glow.png) left top no-repeat;
}

#header{height:158px;}
#downlopadBox{
padding-left:82px;
height:61px;
text-transform:uppercase;
color:#FFFFFF;
background:url(images/download_box.gif) top left no-repeat;}

#instantPlayBox{
padding-left:82px;
height:61px;
text-transform:uppercase;
color:#FFFFFF;
background:url(images/play_box.gif) top left no-repeat;}

#downlopadBox a, #instantPlayBox a{ color:#26A7C7; text-decoration:none;}
#downlopadBox a:hover, #instantPlayBox a:hover{ color:#FFAC41; text-decoration:underline;}

#menuOuter{ background:url(images/menu_bg.jpg) top left no-repeat; height:72px; }
#menuOuter td  {font-size:14px; font-weight:bold; line-height:20px; color:#1A1A1A;}
#menuOuter a{
padding:2px 10px 0 20px;
display:inline;
display:inline-block;
font-size:14px; 
font-weight:bold; 
line-height:24px; 
color:#1A1A1A;
background:url(images/bullet.gif) center left  no-repeat;
}
#menuOuter a:hover{ color:#000;}

#mainOuter{ background:url(images/main_bg.jpg) repeat; padding:10px;}
#mainInner{ background:#fff; padding:10px;}
#banner{ background:url(images/banner.jpg) top left no-repeat; padding-right:10px;}
#bannerBox{ color:#B1B1B1; border:#3D3D3D 1px solid; padding:10px 10px 10px 20px;}

.leftBoxHeading{ 
font-weight:bold;
color:#26A7C7;
padding:0 0 0 18px; 
background:#414141 url(images/heading_bg.gif) top left repeat-x;
}
.leftNav{padding:10px 0 10px 0;}
.leftNav li{display:block;}
.leftNav li a{
color:#484848; 
display:block; 
height:1%; 
padding:4px 4px 4px 32px; 
background:url(images/menu_arrow.gif) center left no-repeat;
}
.leftNav li a:hover{
color:#2189D2; 
display:block; 
height:1%; 
padding:4px 4px 4px 30px; 
background:#E5F6FE url(images/menu_arrow.gif) center left no-repeat;
}
.leftFeaturedBox{ border-bottom:#E0E0E0 1px solid; padding:4px 0 4px;}
.leftFeaturedBoxLink a{ font-size:11px; color:#FFFFFF;}
.leftFeaturedBoxLink a:hover{ font-size:11px; color:#000;  }

#welcomeBox{ padding:14px 20px 14px 0;}
.sectionHeading{
color:#121111;
border:#B1E2FB 1px solid; 
padding:6px 0 6px 14px; 
margin-bottom:1px; 
display:block;
font-size:12px;
background:#F2FAFE url(images/blue_bg.gif) bottom left repeat-x; 
}

.chart{ border:#D6D6D6 1px solid;}
.chart td{padding:6px 7px 6px 7px}
.chart .heading td{ border-bottom:#D6D6D6 1px solid; padding:7px; }
.boxLink a{ color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-size:11px;}
.box{ border:#D6D6D6 1px solid; margin:2px 0 2px 0;}
.boxLink a:hover{ color:#FFFFFF; text-transform:uppercase; text-decoration:underline;}


/*--------------------  footer ------------------------------*/

#footer{
	height:70px;	 
	background:#F7F7F7 url(images/footer_bg.gif) left top repeat-x;
}
#footer td , #footer a{ color:#1A1A1A;}
#footer a:hover{ color:#1A1A1A; text-decoration:underline;}
#copyright{
	padding-top:6px;
	font-size:11px;
	color:#6A6A6A;
	text-decoration:none;
	}

.footer a:hover{
	color:#91EC1D;
	text-decoration:underline;
	}
	
.footer_text{
color:#666666;
}


.playpoker_text{
color:#C7C8C6;
}.yellowText {
	color:#DAA001;
	font-size: 16pt;
	font-style: italic;
}
/** rajouté par moi **/

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}



/* ------------------------------------------------------------------
   corps de texte lisible

   Le gabarit posait un corps de 14px, trop petit pour une lecture sur
   telephone, ou 16 px est la valeur attendue. Le texte courant est
   remonte a 16 px avec un interligne de 1,55.

   Les titres, les menus et les pieds de page ne sont pas touches : ils
   sont dimensionnes en pourcentage dans des blocs a hauteur fixe, les
   agrandir deplacerait la mise en page.
   ------------------------------------------------------------------ */

p, li, dd, dt, blockquote, label {
	font-size: 16px;
	line-height: 1.55;
}

nav p, nav li, .menu p, .menu li, #menu p, #menu li, #mnu p, #mnu li,
.nav p, .nav li, #nav p, #nav li, .navigation p, .navigation li,
#navigation p, #navigation li, .header p, .header li, #header p,
#header li, #hdr p, #hdr li, .footer p, .footer li, #footer p,
#footer li, #ftr p, #ftr li, .breadcrumb p, .breadcrumb li {
	font-size: inherit;
	line-height: inherit;
}
