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; }


/* =========================================================
   RESPONSIVE - mise a jour
   La colonne de gauche passe en footer 3 colonnes,
   le texte central occupe toute la largeur.
   ========================================================= */

*, *::before, *::after { box-sizing: border-box; }

img, iframe, embed, object, video { max-width: 100%; }
img { height: auto; }

body { -webkit-text-size-adjust: 100%; overflow-x: hidden; }

/* Conteneurs fluides */
table.fluid-tbl { width: 100% !important; max-width: 780px; }
table { max-width: 100%; }
.header { width: auto; max-width: 780px; }
.cell_casino_header { width: auto !important; background-size: cover; }
.col_left { width: auto; }
.bg_left { width: auto; }

/* Tableaux de contenu : pas de debordement horizontal */
.body_content table, .cell_casino_content table { width: 100% !important; }
.cell_casino_content { overflow-x: auto; }

/* Footer 3 colonnes */
.footer-cols {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-start;
	max-width: 760px;
	margin: 0 auto;
	padding: 12px 8px 18px 8px;
	text-align: left;
}
.footer-cols .footer-col { flex: 1 1 30%; min-width: 200px; }
.footer-cols .footer-col-title {
	background: #e2d5c2;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #851414;
}
.footer-cols .bg_left {
	width: auto;
	padding: 8px 6px;
	background-color: #f2eade;
}
.footer-cols .bg_left p { margin: 4px 0; font-size: 11px; color: #565656; }
.footer-cols .menu a { font-size: 12px; }
.footer-cols img { max-width: 100%; }

/* --- Tablettes --- */
@media screen and (max-width: 800px) {
	.header {
		background-size: cover;
		height: auto;
		min-height: 150px;
	}
	.header .logo { position: static; padding: 18px 0 0 18px; font-size: 22px; }
	.header .logo a { font-size: 22px; }
	.header .slogan { position: static; padding: 4px 0 10px 18px; }
	.menu_header { padding: 8px 0 8px 0 !important; }
	.menu_header > table { width: 100% !important; float: none; }
	.footer-cols .footer-col { flex: 1 1 45%; }
}

/* --- Mobiles --- */
@media screen and (max-width: 600px) {
	.header {
		background: #4b2c46;
		min-height: 0;
		padding-bottom: 6px;
	}
	.menu_header > table tr { display: block; }
	.menu_header > table td { display: inline-block; padding: 4px 6px; }
	.menu_header > table td img { display: none; }
	.body_title { height: auto; padding: 10px 12px; font-size: 15px; }
	.body_content { padding: 12px; font-size: 13px; }
	.body_content img { display: block; margin: 0 auto 10px auto; }
	/* image d'intro + texte : empilement */
	td[width="182"] { display: block; width: 100% !important; text-align: center; }
	td[width="182"] + td { display: block; width: 100% !important; }
	.cell_casino_header { height: auto; padding: 8px 12px; font-size: 15px; }
	.casino_head { font-size: 15px; }
	.footer { height: auto; }
	.footer td { display: inline-block; padding: 4px 6px; }
	.footer td img { display: none; }
	.footer-cols .footer-col { flex: 1 1 100%; min-width: 0; }
}