body {
	background:#794969 url(../images/bg.jpg) repeat-x bottom left; font-family:"Tahoma", Arial, Helvetica, sans-serif; margin:0px; padding:0px; }

a img { border:none; }

.clearfloat { clear:both; }

.header { background: url(../images/header.jpg) no-repeat top left; width:780px; height:185px; }
.header .logo { position:absolute; color:#ffffff; font-size:27px; font-weight:normal; padding:80px 0 0 56px; z-index:1000; }
.header a, .header a:active, .logo a:hover { text-align:left; color:#ffffff; font-size:27px; font-weight:normal; text-decoration:none; }
.header .slogan { position:absolute; color:#dcb966; font-size:12px; font-weight:normal; padding:125px 0 0 56px; }

.menu_header { position:relative; padding:159px 0 0 205px; }
.top_menu { font-size:11px; color:#f2ddb4; text-align:center; font-weight:normal; }
.top_menu a, .top_menu a:active, .top_menu a:visited { font-size:11px; color:#f2ddb4; text-align:center; font-weight:normal; text-decoration:none; }
.top_menu a:hover { color:#ffffff; text-decoration:underline; }

.content { background: url(../images/content.jpg) repeat-y top left; }

.col_left { background:url(../images/col_left.png) no-repeat top left; width:158px; height:40px; padding:0 0 5px 33px; text-align:left; font-size:14px; font-weight:bold; color:#851414; }
.line_menu { background:url(../images/bullet.png) repeat-x; height:5px; margin:0px; }

.bg_left { width:158px; padding:2px 0 2px 0; background-color:#f2eade; }
.bg_left div.menu { background:url(../images/arrow.png) no-repeat center left; padding:0 0 0 12px; margin:3px 0 7px 15px; text-align:left; font-family:"Tahoma"; color:#565656; font-size:11px; font-weight:normal; line-height:15px; }
.menu a, .menu a:active, .menu a:visited { font-weight:normal; font-size:12px; color:#353535; text-decoration:none; }
.menu a:hover { color:#111701; text-decoration:underline; }

.body_title { background:#d7d7d7 url(../images/body_top.jpg) repeat-x center left; height:42px; padding-left:20px; text-align:left; font-size:18px; font-weight:normal; color:#565656; }
.body_content { background-color:#d7d7d7; padding:20px; text-align:left; font-family:"Tahoma"; font-size:12px; font-weight:normal; color:#565656; }

.casino_title { padding:5px 0 15px 0; text-align:left; font-size:15px; font-weight:bold; color:#565656; }
.casino_title span { padding:5px 0 5px 0; text-align:left; font-size:11px; font-weight:normal; color:#bf6c13; }
.casino_title a, .casino_title a:active, .casino_title a:hover { text-align:left; font-size:15px; font-weight:bold; color:#565656; text-decoration:none; }
.casino_details { padding:0 0 9px 0; text-align:left; font-family:"Tahoma"; font-size:11px; font-weight:normal; color:#565656; }

.cell_casino_header { background:url(../images/casino_header.jpg) no-repeat center left; width:571px; height:36px; padding-left:20px; text-align:left; font-size:18px; font-weight:normal; color:#565656; }
.cell_casino_content { border:1px solid #dc974c; }

.casino_head { text-align:left; font-size:18px; color:#ffffff; font-weight:normal; }
.rating { color:#fff7c4; font-size:13px; font-weight:bold; vertical-align:middle; }
.bonus { font-size:13px; color:#565656; font-weight:bold; }
.bonus span { font-size:14px; color:#c55e5c; font-weight:bold; }

.footer { background:url(../images/footer.jpg) repeat-x center left; height:35px; text-align:center; } 
.footer a, .footer a:active, .footer a:visited { font-size:12px; font-weight:normal; color:#4e4e4e; text-align:center; text-decoration:none; }
.footer a:hover { color:#b54126; text-decoration:underline; }

.copyright { padding:15px 0 15px 0; font-family:"Trebuchet MS"; font-weight:normal; font-size:11px; color:#d1946b; text-align:center; }


/* pied de page sur trois colonnes
   La barre laterale de ce site etait une cellule de tableau. Son
   contenu est ici, reparti sur trois colonnes qui se replient l'une
   sous l'autre quand la place manque. */
.pied-3col {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0 26px;
	width: 780px;
	max-width: 100%;
	margin: 18px auto;
	text-align: left;
}
.pied-col { flex: 1 1 200px; min-width: 0; }
.pied-col > *:first-child { margin-top: 0; }
.pied-col img { max-width: 100%; height: auto; }
@media screen and (max-width: 760px) {
	.pied-col { flex: 1 1 100%; }
}

/* Ce qui peut l'etre se replie.
   La mise en page est un tableau a largeurs fixes : on ne la rend pas
   fluide sans la refaire. On borne au moins les images, les cadres et
   les tableaux a la largeur de la fenetre, et l'on pose la balise
   « viewport » — sans elle, aucune regle d'ecran ne s'applique sur
   telephone. */
img, iframe, video, table { max-width: 100%; }
img { height: auto; }