/************************************ GLOSSAIRE ***********************************/
/* SECTION A - Éléments généraux            */
/* SECTION B - Différents conteneur du site */
/* SECTION C - Différents outils du site    */
/* SECTION D - Pages spéciales du site      */

/**********************************************************************************/
/************************************ SECTION A ***********************************/
/**********************************************************************************/

/* 1 - Squelette */

/**********************************************************************************/
/********* SQUELETTE - images, barre de défilement, boîte de contenu, etc *********/
/**********************************************************************************/

/* barre de défilement toujours affichée */
html{height: 101%;}

/* espacement à zéro */
div, body, p, form, input{
padding:0;
margin:0;
/*font-size:0px;*/
}

/* images */
img{
border:0;
font-size:0px;
line-height:0px;
}

/* police */
body, p{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
}

ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
margin-top:0;
margin-left:40px;
list-style:none;
}

ol{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
margin-top:0;
margin-left:40px;
}

/* conteneur */
#container{
margin:0 auto 20px auto;
top:0;
width:975px;
border-top:0;
}

/*Exposant*/
.sup{
line-height:10px;
vertical-align: 4px;
font-size: 80%;
}

/**********************************************************************************/
/************************************ SECTION B ***********************************/
/**********************************************************************************/

/* 1 - Header     */
/* 2 - Menu       */
/* 3 - Breadcrumb */
/* 4 - Middle     */
/* 5 - Footer     */

/**********************************************************************************/
/*************************** HEADER - éléments du haut ****************************/
/**********************************************************************************/

/* conteneur des éléments du haut */
#header{
width:100%;
padding:0;
margin:0;
position:relative;
}

/* liste du haut */
#header ul{
margin:0;
padding:0;
list-style:none;
vertical-align:top;
}

/* éléments de la liste du haut */
#header li{
display:inline;
margin:0;
padding:0;
border:0;
}

/* images du haut */
#header img{
margin:0;
padding:0;
border:0;
vertical-align:top;
}

/* liens du haut */
#header a{
text-decoration:none;
border:none;
color:#000;
}

#liens_haut_page {
position: relative;
text-align: right; 
padding-bottom: 9px; 
font-family: verdana;
z-index: 500;
margin-top: -24px;
float: right;
}

#liens_haut_page a, #liens_haut_page a:visited {
color: #000000;
margin-left: 14px; 
font-size: 10px; 
verdana;
text-decoration:none;
z-index: 1100;
}

#liens_haut_page a:hover {
text-decoration:underline;
color: #000000;
z-index: 1100;
}

#logo{
position:relative;
left:220px;
}

#lienIphone{
	margin-top:18px;
	margin-left:5px !important;
}

#lienIphone img{
	margin:4px 5px 0px 3px;
}

#lienIphonetxt{
	margin-top:19px !important;
	font-weight:bold;
}


/**********************************************************************************/
/****************************** MENU - éléments du menu ***************************/
/**********************************************************************************/

/* conteneur de la boîte menu */
#menu{
width:100%;
background:#000;
height:46px;
padding:12px 0 0 15px;
margin:0;
}

.menu
{
    position: absolute;
}

/* titres de menu */
#menu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
display:inline;
margin-left:16px;
}

#menu li.elementMenu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
display:inline;
display: block;
float: left;
}

/* à supprimer quand le menu de tremblant sera complètement disponible au public */
#menu li.elementMenuTemp{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
display:inline;
margin-left:16px;
}


/* titres de menu */
#menu h1.over{
font-family:"Arial, Helvetica, sans-serif";
font-size:14px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
display:inline;
margin-left:16px;
}

/* liens de menu */
#menu h1 a:link, #menu h1 a:visited{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#menu li.elementMenu a:link, #menu li.elementMenu a:visited{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

/* images de menu */
#menu img{
margin:0;
padding-top:4px;
border:0;
vertical-align:top;
}

/* Divs du logo flottant */
#logoFlottantDiv1 {
	position:absolute;
	margin:0 auto 20px auto;
	top:0;
	width:0px;
	border-top:0;
	z-index: 1000;
}
#logoFlottantDiv2 {
	position:relative;
	top:66px;
	left:857px;
	z-index: 1000;
}

/******     *******     ******* Menu Accueil ****   *********   ******   ******  */

div.menu {
        
  
    /*right: 3px; */
    /*z-index: 98;*/
    /*margin:0px 0px 10px 0px;*/
    /*padding:2px 0px 2px 0px;*/
    height: 31px;                                /* the menu's overall height  */
    width: 100%;      /* we always want our menu to fill the available space */   
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; 
    /*top: -2px;*/
}


#menu ul {
    padding:0;
    margin:0;
    border:0;
    list-style-type:none;          /* we don't want to view the list as a list */
    top: 0px;
    position: relative;
	z-index:10;    
}  

#menu li {
    float:left;    /* this creates the side-by-side array of top-level buttons */
    position:relative;    /* create local positioning contexts for each button */
    margin:0; 
    margin-right: 20px;     
}  

#menu ul li ul li{
    float: none;
    width: 230px;
}

#menu ul li a#accueil {    
    /*width: 3.7em;*/
    overflow: hidden;
    display: block;
    height: 40px;
    width: 10px;
}

#menu ul li ul#sousMenuAccueil li a img{
    margin: 0 6px;
    position: relative;
    top: -1px;
}


/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

#menu ul li ul {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;       
    font-size: 1em; 
    height: auto;   
}

#menu ul li ul {
    display:none;                  /* initially hide the entire list hierarchy */
    padding:1px;          
}

#menu ul li:hover ul,
#menu ul li a:hover ul {                     /* 2nd level drop-down box */
    display:block;
    position:absolute;
    /*margin:0;*/
    top:80px;*/             /* place us just up underneath the top-level images */
    /*left:-1px;*/       /* left-align our drop-down to the previous button border */
    /*height:auto;*/      /* the drop-down height will be determiend by line count */
    color:black;                        /* this sets the unselected-text color */
    /*background: white;*/         /* this sets our menu's effective "border" color */    
    width: 200px;
}


*> #menu ul li:hover ul,
*> #menu ul li a:hover ul {
	top:20px;
	left:-11px;
}


#menu ul li:hover ul li a,
#menu ul li a:hover ul li a {                   /* 2nd level unselected items */         
    border:0;
    margin:0;
    padding:4px;
    /*height:auto;*/
    color:white;                      /* this sets the unselected drop-down text color */          /* this sets the drop-down menu background color */
    text-align: left;
    text-decoration: none;
    border: none;
    background-image: url('../../images/commun/menu/backgr-menu.gif');
    background-repeat: repeat-x;
    width: 100%;
    display: block;
    margin-top: 0px;
    font-weight: bold;
    font-size: 10,5pt;
   
}

#menu ul li:hover ul li:hover a,
#menu ul li a:hover ul li a:hover {                   /* 2nd level unselected items */         
    background-image: url('../../images/commun/menu/backgr-menu-over.gif');
    background-repeat: repeat-x;
    display: block;
}



/*****/

.menu ul li table {
    margin:1px 0;              /* IE5 needs -1px top and bottom table margins */
    m\argin:0;               /* re-zero the table margins for everyone but IE5 */
    border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
    /*font-size:0.7em;  */      /* this sets the base font size for our entire menu */
    border: 0px solid pink;
    
}



#menu ul li a {
    padding-bottom: 0px;
}



/******* IE6 desactivé à cause d'un bogue*****/

* html #menu ul li ul li  {
    margin: 0;
    padding: 0px;
    border-top: 0px;
    height: 0px;
}

* html #menu ul li a  {
    margin: 0;
    padding: 0px;
    border-top: 0px;
    height: 10px;
}



/*
#menu ul li table
{
}

#menu ul li table tr td
{
background-color: none;
margin:0;
padding: 0;
}

#menu ul li  a:hover table tr td img
{
background-color: none;
margin:0;
padding: 0;
border: 1px solid red;
visibility: hidden;
height: 10px;
width: 10px;
}

#menu ul li  a table tr td img
{
background-color: none;
margin:0;
padding: 0;
border: 1px solid green;
height: 0px;
width: 0px;
}

 
#menu ul li table
{
    position: absolute;
	top: 15px;
	left:-5px;
}

#menu ul li table ul#sousMenuAccueil 
{
    position: relative;
	top:0px;
	left:0px;
	border: 0px solid yellow;
}

#menu ul li:hover a,
#menu ul li a:hover {                 
    border-top:0px solid #000;       
}

#menu ul li a table  {       
    position: absolute;
    border: 1px solid red;
    width: 100px;
    height: 100px;
}

#menu ul li a:hover table  {       
    border: 0px solid red;
}


#menu ul li a table td {
    border-right:0 solid #FFFFFF;
}

#menu ul li table ul#sousMenuAccueil  
{

}

#menu ul li table ul#sousMenuAccueil 
{
    position: absolute;
	top:0px;
	left:0px;
	border: 1px solid yellow;
}


*/

/** fin menu accueil **/






/**********************************************************************************/
/******************** BREADCRUMB - éléments du fil d'arianne **********************/
/**********************************************************************************/

/* conteneur du fil d'arianne */
#breadcrumb{
width:100%;
background:#000;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
margin:0px 0px 15px 0px;
}

/* éléments de droite du fil d'arianne */
#breadcrumb .right{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
padding:4px 15px;
}

/* éléments de gauche du fil d'arianne */
#breadcrumb .left{
margin-left:0px;
}

/* liens de droite du fil d'arianne */
#breadcrumb .right a:link, #breadcrumb .right a:visited{
color:#FFFFFF;
}

/* liste du fil d'arianne */
#breadcrumb ul{
padding:5px 15px;
margin:0;
}

/* éléments de liste du fil d'arianne */
#breadcrumb li{
font-size:9px;
display:inline;
margin:0;
}

/* liens de gauche du fil d'arianne */
#breadcrumb .left a:link, #breadcrumb .left a:visited{
font-size:9px;
color:#FFFFFF;
text-decoration:underline;
padding-right:15px;
background:#000 url(../../images/commun/arrowBreadcrumb.gif) no-repeat right;
}

/* liens de gauche du fil d'arianne */
#breadcrumb .left a:hover, #breadcrumb .right a:hover{
text-decoration:none;
}

/**********************************************************************************/
/************************** MIDDLE - éléments du contenu **************************/
/**********************************************************************************/

/* conteneur parent - flash seulement */
#middle{
width:100%;
padding:0;
margin:0;
}

/* conteneur enfant - flash et texte */
#content{
width:100%;
margin:0;
padding:0;
position:relative;
}

/* conteneur du bas */
#bottom{
width:100%;
padding:18px 0px 0px 0px;
margin:0;
}

/* sous-conteneur de gauche */
.left{
float:left;
}

.leftImage{
float:left;
margin: 0px 24px 10px 0px;
}


.premiereSection{
	height:216px;
}

.imageSpaceJeux{
	float:right;
}

.sectionbas{
	height:28%;
}

.sectionhaut{
	height: 72%;
}

.leftText {
	float: left;
	margin-right:25px;
	width:345px;
}

#boxFull .leftText ul {
	margin-left: 16px;
}

.grandeImage{
margin: 0px 0px 10px 0px;
}

/* sous-conteneur de droite */
.right{
float:right;
margin-top:19px !important;
}

/* conteneur du flash casinos */
#casinos{
position:relative;
width:215px;
margin:2px 0 0 0px;
padding:2px 0 0 0px;
}

#menuflash{
}

*> #menuflash{
	margin:-7px 0px 0px 10px;
}

/* titres de page intermédiaire */
#content h1.inter{
font-family:Arial, Helvetica, sans-serif;
font-size:32px;
line-height:32px;
color:#333333;
font-weight:100;
}

/* conteneur de gauche - spécialement pour DÉTAIL */
#left{
width:730px;
padding:0;
margin:0;
}

/* conteneur de droite - spécialement pour DÉTAIL */
#right{
width:225px;
padding:0;
margin:0;
}

/* liens de droite */
#right a:link, #right a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#666666;
}

/* liens de droite */
#right a:hover{
text-decoration:underline;
color:#666666;
}

/* paragraphes de droite */
#right p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:14px;
}

/* titres de droite */
#right h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
line-height:14px;
}

#right span.elementMenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
line-height:14px;
}

#right h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
line-height:14px;
}

/* menu de droite */
#rightMenu{
margin:0;
padding:0 0 10px 15px;
list-style:none;
}

/* titres de menu de droite */
#rightMenu h1{
font-size:11px;
line-height:11px;
margin:10px 0;
padding:0 0 0 15px;
border:0;
background:url(../../images/commun/arrowRight.gif) no-repeat left;
text-transform: uppercase;
}

#rightMenu li.elementMenu {
font-size:11px;
font-weight: bold;
line-height:11px;
margin:10px 0;
padding:0 0 0 15px;
border:0;
background:url(../../images/commun/arrowRight.gif) no-repeat left;
text-transform: uppercase;
}

#rightMenu li.elementMenu .btFleche {
	display: none;
}
/* liens de menu de droite */
#rightMenu h1 a:link, #rightMenu h1 a:visited{
color:#333;
text-decoration:none;
}

#rightMenu li.elementMenu a:link, #rightMenu li.elementMenu a:visited{
color:#333;
text-decoration:none;
}

ul.elementMenu {
	margin:0px;
}


/* liens de menu de droite */
#rightMenu h1 a:hover{
color:#3399cc;
text-decoration:none;
}

#rightMenu li.elementMenu a:hover{
color:#3399cc;
text-decoration:none;
}

/* paragraphes de nouvelles */
.news{
width:210px;
padding:30px 15px 0 15px;
}

/* section rss */
#rss{
padding-top:10px;
}

/* liens rss */
#rss a:link, #rss a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
color:#999999;
padding-right:5px;
}

/* liens rss */
#rss a:hover{
color:#999999;
text-decoration:underline;
}

/* images rss */
#rss img{
vertical-align:middle;
}

/* traitement des images de paragraphes */
.imgText{
margin:0 32px 15px 0;
position:relative;
}

.tag{
position:absolute;
left:0px;
}

/* notes de bas de page */
.disclaimer{
font-size:9px;
font-style:italic;
margin-bottom:0px;
padding-bottom:0px;
}

/* encadré */
.encar{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	padding: 10px;
}

/**********************************************************************************/
/**************************** FOOTER - éléments du bas ****************************/
/**********************************************************************************/

/* conteneur du bas */
#footer{
width:100%;
padding:0;
margin:0;
}

/* liste du bas */
#footer ul{
margin:0;
padding:0;
list-style:none;
}

/* éléments de liste du bas */
#footer li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
display:inline;
margin:0;
padding:0;
}

/* liens du bas */
#footer a:link, #footer a:visited{
text-decoration:none;
color:#999999;
padding-right:2px;
}

/* liens du bas */
#footer a:hover{
text-decoration:underline;
color:#999999;
padding-right:2px;
}

/* copyright */
#copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
float:left;
margin:5px 0 0 0;
padding:0 0 50px 0;
}

/* image WLA */
#WLA{
margin:0px 15px 0px 0px;
}

/* image sos */
#sos{
margin:0 20px 0 0;
}

/**********************************************************************************/
/************************************ SECTION C ***********************************/
/**********************************************************************************/

/* 1 - BoxMenu, BoxFull, BoxHalf */
/* 2 - Tools                     */
/* 3 - Find                      */
/* 4 - Séparateurs               */
/* 5 - Pop-up                    */
/* 6 - Nettoyage                 */

/**********************************************************************************/
/*********** BOXMENU, BOXFULL, BOXHALF - traitement des onglets toggle ************/
/**********************************************************************************/

/***************/
/* modèle MENU */
/***************/

/* boîte d'onglets */
#boxMenu{
list-style:none;
margin:0;
padding:0;
width:730px;
}

/* titre principal */
#boxMenu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:15px;
color:#333333;
font-weight:100;
display:inline;
}

#boxMenu li.elementMenu{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:15px;
color:#333333;
font-weight:100;
display:inline;
}

/* boîtes de contenu d'onglets */
#boxMenu .tabContent{
margin:0;
padding:0;
list-style:none;
}

/* listes de contenu d'onglets */
#boxMenu .tabContent ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
padding:0 45px 5px 15px;
margin:0;
float:left;
list-style:none;
}

/* liens de contenu d'onglets */
#boxMenu .tabContent a:link, #boxMenu .tabContent a:visited{
text-decoration:none; 
color:#666666; 
background:url(../../images/commun/arrowLink.gif) left no-repeat;
padding-left:15px;
}

/* liens de contenu d'onglets */
#boxMenu .tabContent a p{
padding:0;
margin:0;
}


/* état d'onglet toujours ouvert */
#boxMenu .alwaysUp{
padding:10px 0 8px 15px;
margin:0;
}

/* état d'onglet ouvert */
#boxMenu .tabUp{
cursor:pointer;
padding:10px 0 8px 15px;
background:url(../../images/commun/arrowUp.gif) right no-repeat;
margin:0;
}

/* état d'onglet fermé */
#boxMenu .tabDown{
cursor:pointer;
padding:10px 0 8px 15px;
background:url(../../images/commun/arrowDown.gif) right no-repeat;
margin:0;
}

/************************/
/* modèle INTERMÉDIAIRE */
/************************/

/* boîte d'onglets */
.boxHalf{
text-align:left;
list-style:none;
margin:5px 0 0 0;
padding:0;
width:465px;
}

/* paragraphes de contenu d'onglets */
.boxHalf p{
margin:5px 0;
}

/* titres de contenu d'onglets */
.boxHalf h2{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:22px;
color:#333333;
font-weight:100;
display:inline;
text-transform: uppercase;

}

/* titres de contenu d'onglets */
.boxHalf h3 img {
margin: 0;
vertical-align:middle;
}

.boxHalf h3 object {
vertical-align:middle;
}
.boxHalf h3{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
font-weight:100;
margin:0;
padding:0;
text-transform: uppercase;
}


/* liens de contenu d'onglets */
.boxHalf a:link, .boxHalf a:visited{
text-decoration:none;
color:#000;
}

/* images de contenu d'onglets */
.boxHalf img{
margin:10px auto 10px auto;
}
.boxHalf.right div#pubFla img{
margin:14px auto 4px auto;
}
.boxHalf.right object{
margin:14px auto;
}

.boxHalf p.description img{
margin: 0px;
vertical-align: middle;
}

/* colonnes de contenu d'onglets */
.boxHalf .subCols{
width:225px;
padding:10px 0;
}

/* paragraphes de colonnes de contenu d'onglets */
.boxHalf .subCols p{
width:225px;
padding:3px 0;
}

.boxHalf .boutonReservation{
margin:0;
float:right;
}

.boxHalf .boutonReservation img{
margin:5px 0 0 0;
}

/*****************/
/* modèle DÉTAIL */
/*****************/

/* boîte d'onglets */
#boxFull{
text-align:left;
list-style:none;
margin:15px 0 15px 0;
padding:0;
width:730px;

}

#boxFull ul{
/*
list-style-image:url(../../images/commun/tiret.gif);
*/
list-style-type:disc;
line-height:18px;
margin-left:65px;
margin-bottom:20px;
}

#boxFull ol{
margin-left:65px;
line-height:18px;
margin-bottom:20px;
}

/* notes de bas de page */
#boxFull .disclaimer{
font-size:80%;
font-style:italic;
line-height:12px;
margin:10px 0 5px 0;
}

/* boîtes de contenu d'onglets */
#boxFull .tabContent{
padding:0 0 5px 15px;
margin:0;
}

/* listes de contenu d'onglets */
#boxFull .tabContent ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
margin:0 45px 5px 0;
padding:0;
float:left;
list-style:none;
}

/* titres de contenu d'onglets */
#boxFull h2{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:22px;
color:#333333;
font-weight:100;
display:inline;
}

/* titres de contenu d'onglets */
#boxFull h3{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:15px;
color:#666666;
font-weight:100;
margin:5px 0 10px 0;
}

/* paragraphes de contenu d'onglets */
#boxFull p{
margin:0 0 10px 0;
line-height:18px;
}

/* liens de contenu d'onglets */
#boxFull a:link, #boxFull a:visited{
text-decoration:none;
color:#000;
}

/* liens de contenu d'onglets */
#boxFull .tabContent a:link, #boxFull .tabContent a:visited{
text-decoration:none; 
color:#666666; 
background:url(../../images/commun/arrowLink.gif) left no-repeat; 
padding-left:15px;
}

/* colonnes de contenu d'onglets */
#boxFull .subCols{
width:350px;
padding-bottom:5px;
}

/* paragraphes de colonnes de contenu d'onglets */
#boxFull .subCols p{
line-height:18px;
}

/* titres de colonnes de contenu d'onglets */
#boxFull .subCols h4{
margin:0 0 5px 0;
padding:0;
}

/* lignes de colonnes de contenu d'onglets */
#boxFull .subCols hr, #boxFull .subCols .subCols hr{
margin:0 0 5px 0;
height:0; 
border-style:solid; 
border-width:2px 0 0 0; 
border-color:#000; 
}

/* colonnes de colonnes de contenu d'onglets */
#boxFull .subCols .subCols{
width:165px;
padding-bottom:10px;
}

/* images de colonnes de contenu d'onglets */
#boxFull .subCols img{
padding-bottom:15px;
}

/******************/
/* modèle GÉNÉRAL */
/******************/

/* état d'onglet toujours ouvert */
.alwaysUp{
padding:10px 0 8px 0;
margin:0;
}

/* état d'onglet ouvert */
.tabUp{
cursor:pointer;
padding:10px 0 8px 0;
background:url(../../images/commun/arrowUp.gif) right no-repeat;
margin:0;
}

/* état d'onglet fermé */
.tabDown{
cursor:pointer;
padding:10px 0 8px 0;
background:url(../../images/commun/arrowDown.gif) right no-repeat;
margin:0;
}
	
/* conteneur de contenu d'onglets */
.expandableBox, .expandedBox{
width:100%;
padding:0;
margin:0;
}

.expandableBox p, .expandableBox table, .expandedBox p, .expandedBox table{
padding-right:10px;
}


/**********************************************************************************/
/***************************** TOOLS - éléments outils ****************************/
/**********************************************************************************/

/* liste d'outils */
#tools ul{
margin:5px 0 0 0;
padding:0;
}

/* éléments de liste d'outils */
#tools li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
display:inline;
padding-right:3px;
}

/* bouton gros A */
#tools #big{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
display:inline;
color:#999999;
font-weight:bold;
}

/* bouton petit A */
#tools #small{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
display:inline;
color:#999999;
}

/* liens d'outils */
#tools a:link, #tools a:visited, #tools a:active{
text-decoration:none;
color:#999999;
}

/* liens d'outils */
#tools a:hover{
text-decoration:underline;
color:#999999;
}

/* images d'outils */
#tools img{
vertical-align:middle;
}

/**********************************************************************************/
/*********************************** SÉPARATEURS **********************************/
/**********************************************************************************/

/* long pointillé - ... */
.dot{
background:url(../../images/commun/dot.gif);
width:730px;
height:1px;
font-size:0px;
clear:both;
}

/* moyen pointillé - .. */
.dotMedium{
background:url(../../images/commun/dot.gif);
width:465px;
height:1px;
font-size:0px;
}

/* petit pointillé - . */
.dotSmall{
background:url(../../images/commun/dotGrey.gif) no-repeat top right;
width:100%;
margin-left:-10px;
height:1px;
font-size:0px;
}
li.dotSmallLi{
margin : 0px;
padding : 0px;
display:inline;
}

/* barre verticale | */
.sep{
padding-left:5px;
border-left: solid 1px #999999; 
}

/* barre noire - large */
#bar{
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
}

/* barre noire - mince */
#barLight{
margin:30px 0 13px 0;
padding:0;
}

/**********************************************************************************/
/************************************* POPUP *************************************/
/**********************************************************************************/

/* liens popup */
.popup{
padding:0;
}

/* conteneur de popup */
#view{
top:120px;
left:-1px;
z-index:50;
}

#shadowBottom{
width:100%;
height:7px;
background:url(../../images/commun/shadowAlpha2.png) no-repeat bottom right !important;
background: url(../../images/commun/shadow2.gif) no-repeat bottom right;
}

#shadowBox{ 
width: 100%;
}

/* page de popup */
#popBox{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:#cdcdcd solid 0px;
width:100%;
background:#FFF;
padding-left:0px;
}

#popBox #intro{
background-color: #000000;
margin: 0px 0px;
border-bottom: 2px solid black;
}


#popBox h1{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
line-height:15px;
font-weight:bold;
color:#333333;
}

#popBox #intro h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
line-height:15px;
font-weight:bold;
color:#ffffff;
margin-bottom: 5px;
margin: 0px 18px 18px;
}

#popBox #intro a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:10px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
float: right;
}

#popBox #middle{
	text-align: center;
	overflow: auto;
	height: 100%;
	/*border: 1px solid #000000;*/
	position: relative;
	top: 3px;
}	

/**********************************************************************************/
/************************************* TABLE *************************************/
/**********************************************************************************/

table{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
margin: 20px 0px;
}

table th{
padding-right:20px;
}

table td{
border-right-style:solid; 
border-right-width:20px; 
border-right-color:#FFF;
}

table hr{
margin:5px 0 0 0;
padding:0;
height:0; 
border-style:solid; 
border-width:2px 0 0 0; 
border-color:#000; 
}

table th{
padding-bottom:4px;
}

table td{
padding:4px 0;
}

table .grey{
background:#f2f2f2;
}

table .greySousTitre{
background:#e2dede;
}

#horaire{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	margin: 5px 0px 10px 0px;
}

#horaire tr{
	margin:0px; 
	padding:0px;
}

#horaire td{
	margin:0px; 
	padding:0px;
}

/**********************************************************************************/
/************************************ NETTOYAGE ***********************************/
/**********************************************************************************/

/* reset de float */
.clean{
height:0;
margin:0;
padding:0;
clear:both;
overflow:hidden;
}

/* fermeture de conteneur */
.closed {
	/* Ce style aura la valeur display:none seulement à l'éxécution du javascript 
		(voir functions.js) afin de permettre à ceux qui naviguent sur le site 
		sans JavaScript d'avoir accès à tout le contenu. */
	/* display:none; */
}

/**********************************************************************************/
/************************************ SECTION D ***********************************/
/**********************************************************************************/

/* 1 - Print    */
/* 2 - Tools    */
/* 3 - Research */

/**********************************************************************************/
/**************************** PRINT - page impression *****************************/
/**********************************************************************************/

/* conteneur d'impression */
#print{
width:675px;
padding-left:10px;
}

/* titres d'impression */
#print h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:16px;
color:#333333;
font-weight:100;
}

/* titres d'impression */
#print h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:12px;
color:#666666;
font-weight:100;
}

/* paragraphes d'impression */
#print p{
font-size:12px;
line-height:18px;
padding:5px 20px 5px 0;
}

/* copyright page impression */
#print #copy{
padding-bottom:20px;
}

/**********************************************************************************/
/****************************** ERROR - page d'erreur *****************************/
/**********************************************************************************/

/* conteneur page erreur */
#error{
width:100%;
}

#error a:link, #error a:visited{
background:url(../../images/commun/charlevoix/arrowPop.gif) no-repeat;
padding-left:20px;
margin-right:40px;
text-decoration:none;
font-weight:bold;
}

/* colonnes page erreur */
#error .subCols{
width:487px;
}

/* paragraphes de colonnes page erreur */
#error .subCols p{
margin:15px 15px 0 0;
}

/**********************************************************************************/
/**************************** RESEARCH - page recherche ***************************/
/**********************************************************************************/

/* conteneur page recherche */
#research{
width:100%; 
}

/* input text */
#researchText{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
width:260px; 
height:14px;
margin-right:20px;
padding:1px 0 2px 5px;
border:#c4bab7 1px solid;
}

/* input select */
#researchSelect{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
height:18px;
margin-right:20px;
border:#c4bab7 1px solid;
}

/* input submit */
#researchSubmit{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
height:20px;
margin-right:20px;
padding:0 3px;
}

/* conteneur de résultats */
#result{
padding-top:15px;
}

/* titres de résultats */
#result h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:5px;
}

/* paragraphes de résultats */
#result p{
padding-bottom:5px;
}

/* liens de résultats */
#result p a:link, #result p a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

/* liens de résultats */
#result p a:hover{
text-decoration:underline;
}

/* liens de résultats */
#result p span a:link, #result p span a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666;
text-decoration:none;
}

/* liens de résultats */
#result p span a:hover{
text-decoration:underline;
}

/* conteneur de navigation des résultats */
#resultNav{
background:#000;
height:25px;
margin-top:30px;
}

/* éléments de navigation des résultats */
#resultNav div{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
margin:5px 0 0 15px;
}

/* éléments de navigation des résultats */
#resultNav div.right{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
margin:5px 260px 0 0;
}

/* liens de navigation des résultats */
#resultNav div.right a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
margin:0 5px;
}

/* liens de navigation des résultats */
.nav{
padding:0 10px;
}

#portail{
	position:relative;
	width: 825px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	height: 32px;
	z-index: 97;
	padding-right:150px;
	padding-bottom:0px;
	font-size:120%;
}

*>#portail {
	min-height: 40px;
	height: auto;
}

#champ-bp-recherche{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
#image-bp-recherche{
	position:absolute;
	top:14px;
	left:693px;
}

.cartedusite{
	margin:10px;
	/* padding-right:70px; */
}

#boxFull .cartedusite ul {
	list-style-type: none;
}

.cartedusite ul, .cartedusite li{
	margin-left:0px; 
	padding:2;
	list-style-image: none;
}

.cartedusite ul, .cartedusite li{
	margin-left:-30px;
	margin-bottom:0px; 
}

#boxFull .cartedusite a:link, #boxFull .cartedusite a:visited{
color:#000000; 
}

#boxFull .cartedusite a:hover{
color:#000000;
text-decoration:underline;
}

#flashPortion{
	margin-bottom:-2px;
}

#zoneFlash {
	display: none;	/* Note: Ce style sera affiché dans entete.jsp si le script est activé... */
}

#zoneNoFlash {
	display: block;	/* Note: Ce style sera caché dans entete.jsp si le script est activé... */
	/* height: 357px; */ /* La hauteur du div est fixée directement lors de sa création. Par exemple, entete.jsp */
	overflow: hidden;
}

#contenuTexteNoFlash {
	background-color: #000000;
	color: white;
	height: 104px;
	position: relative;
	top: -126px;
}

#contenuTexteNoFlash h1 {
	font-family: Helvetica,sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 30px 0 10px 20px;
}

#contenuTexteNoFlash p {
	margin: 0 0 0 20px;
}
#logoHalf {
	position: relative;
	top: 0px;
	left: 825px;
}

#etablissementsSelecteur p.listeDeroulante select {
	margin-left: 10px;
}

#etablissementsSelecteur p.listeDeroulante select {
	width: 300px;
}
#contenuTexteFlash{
	display: none;	/* Note: Ce style sera affiché dans entete.jsp si le script est activé... */
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: -1000px;
	font-size: 1px;
}

#lien_vers_haut_page_f a
{
   clear:both;
   width: 104px; 
    height: 17px; 
    float: right; 
    top: -208px;	
    position: relative; 
    display: block;
    background-image: url('../../images/commun/bt_haut_fr_off.gif');
}

#lien_vers_haut_page_f a:hover
{
    background-image: url('../../images/commun/bt_haut_fr_on.gif');
}

#lien_vers_haut_page_e a
{
    width: 104px; 
    height: 17px; 
    float: right; 
    top: -208px; 
    position: relative; 
    display: block;
    background-image: url('../../images/commun/bt_haut_en_off.gif');
}

#lien_vers_haut_page_e a:hover
{
    background-image: url('../../images/commun/bt_haut_en_on.gif');
}


/**********************************************************************************/
/****************************** Code pour les GreyBox *****************************/
/**********************************************************************************/
#greyBox{
	position:fixed;
	z-index:2000;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	filter:alpha(opacity='75');
	-moz-opacity:0.75;
	opacity:0.75;
	display:none;
	_position:absolute;
	_height:expression(document.documentElement.scrollTop+body.scrollTop+document.documentElement.clientHeight*2);
	_top:-250px;
	_width: expression(document.body.clientWidth < 600? "600px" :document.body.clientWidth );
	background: black;
}

.grayBoxContent {
	margin: 0px;
	top: 50%;
	left: 50%;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	z-index: 2001;
	font-family: verdana;
	font-size: 12px;
	position:absolute;
	display: none;
	border: solid 1px white;
	background: black;
}


#experienceMultimedia {
	width: 966px;
	height: 399px;
}

#presentationMultimedia {
	width: 640px;
	height: 392px;
}

.flashSelector {
	clear: both; 
	margin-bottom: 15px;
	text-align: center; 
}

.flashSelector .selectVideo {
	background-color: #000000; 
	color: #ffffff;
}

.grayBoxTitle {
	float: left;
	font-size:12px;
	color:#FFFFFF;
	padding-left:15px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.boutonFermer {
	float: right;
	padding-right:15px;
	text-align:right;
	font-size:9px;
	color:#FFFFFF;
	margin: 5px 0;
}
.boutonFermer a:link, .boutonFermer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.boutonFermer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.nobold {
	font-weight: normal;
}

#grayBoxvideoApp, #grayBoxvideoAppEn{
	z-index:5000; 
	width: 225px; 
	height:461px; 
	position:fixed; 
	top:50%; 
	left:50%; 
	margin-top:-230px; 
	margin-left:-113px;
} 

#lienTechAppMobile{
	margin:0px 0px 0px 75px; 
	position:relative; 
	top:-20px;
}

.nouveauUltimate{
font-family:Arial;
font-weight:bold; 
font-size:14px; 
letter-spacing : 1px;
}
/********************************************************************/
/****************************** Page DD *****************************/
/********************************************************************/
div.initiative{
	clear:both;
	padding-top:10px;
}
.vedette h3{
	float:left;
}
div.initiative div.contenuInitiative{
	clear:both;
}
div.initiative .zoneGauche{
	float:left;
	padding-bottom:20px;
}
div.initiative .zoneDroite{
	padding-left:370px;
	padding-bottom:20px;
}
div.initiative .lienInitiative{
	margin-right:10px;
	font-size: 0;
	line-height:0;
	float:left;
}
div.initiative .lienInitiative img{
	margin-top:25px;
	display:block;
}

div.initiative .iconeVedette{
	margin-left:20px;
}

.tableauCellGris
{
	background-color:#E0E0E0;
}

.souligne
{
	text-decoration:underline;
}

.textg
{
	text-align:left;
}

/**** Promo Casino de Montréal ****/ 

.titreTableauLots
{
	font-weight:bold;
	width:300px;
	border-bottom-style:solid;
	border-width:2px;
	font-size:12px;
}

.lotsGris
{
	background-color:#F2F2F2;
	width:305px;
	height:52px;
}

.lotsBlanc
{
	background-color:#FFFFFF;
	width:305px;
	height:52px;
}

.lotsEspace
{
	width:30px;
	height:52px;
}

table.LotsProgressifs
{
	padding:0px;
	margin:0px;
}

table.LotsProgressifs td
{
	border:none;
	padding:0px;
	font-size:13px;
}

table.LotsProgressifs img
{
	float:left;
	margin-right:5px;
	border-width:1px;
	border-color:#CECECE;
}

.titreJeu
{
	font-weight:bold;
	margin-top:10px;
}

.titreJeuLotsGagnes
{
	font-weight:bold;
	margin-top:5px;
}

.pokerGris
{
	background-color:#F2F2F2;
}

.titrePokerLots
{
	font-weight:bold;
	border-bottom-style:solid;
	border-width:2px;
	border-color:#000000;
}

.jeuRetire
{
	visibility:hidden;
}

.titreFireBet
{
	text-decoration:underline;
}
/**********************************************************************************/
/**************************** BAD BEAT ********************************************/
/**********************************************************************************/

#badBeat {
 	background-image: url('../images/jeux/montreal-poker-badbeat-bg.jpg'); 
}

#boxFull .lot-progressif {
    float:left; 
    margin: 0px 24px 10px 0px;
    background-repeat: no-repeat;
    width: 346px;
    height: 213px;
    font-weight: bold;
}

#boxFull .lot-progressif #bloc1 
{
    margin-top: 18px;
    margin-left:24px;
}

#boxFull .lot-progressif .ligne1
{
    color:#eedf5b;
    font-size: 18px;
    font-family: verdana;
}

#boxFull .lot-progressif .ligne2
{
    color:#eedf5b;
    font-size: 10px;
    font-family: verdana;
    margin-top:-11px;
}

#boxFull .lot-progressif .ligne3
{
    background: black;
    margin-top:-6px;
}

#boxFull .lot-progressif .ligne3 img
{
    float: left;
    margin-left: -24px;
    margin-top: 5px;
}

#boxFull .lot-progressif .ligne3 p
{
    color:#ffffff;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
    float: left;
}

#boxFull .lot-progressif .ligne4
{
    color:#eedf5b;
    font-size: 32px;
    clear: both;
    margin-top:-2px;
}

#boxFull .lot-progressif .ligne5
{
    color:#ffffff;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
}

#boxFull .lot-progressif #bloc2
{
    margin-top: 25px;
    margin-left:24px;
}

#boxFull .lot-progressif .ligne6
{
    margin-top:-6px; 
    clear:both;
}

#boxFull .lot-progressif .ligne6 img
{
    float: left;
    margin-left: -24px;
    margin-top: 5px;
}

#boxFull .lot-progressif .ligne6 p
{
    color:#ffffff;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
}

#boxFull .lot-progressif .ligne7
{
    color: #ffffff;
    font-size: 18px;
    margin-top:-10px;
}



#pokerCaraibes{
	background-image: url('../images/jeux/montreal-poker-caraibes-jeu.jpg'); 
}

#pokerCaraibes.lot-progressif .ligne1 {
	color: #FFFFFF;
    font-size: 24px;
    line-height: 52px;
}

#pokerCaraibes.lot-progressif .ligne4 {
	color: #E0B835;
}

#pokerCaraibes.lot-progressif #bloc2 {
    margin-top: 35px;
}

/********** FIN BAD BEAT ***********************/

/********** POKER MONTREAL *********************/
#Espacejeux_MTL
{
	float:right;
	width:172px;
}

#BadBeatMTL
{
	float:left;
}


/*********** FIN POKER MONTREAL ****************/
