* {
	margin:0; padding:0;
}

html,body {
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	font-size:100%;
	min-height:670px;
	background-color:#87c7e2;
	color:#FFF;
}

a { text-decoration:none; color:#87c7e2;}
a:hover { color:#fff; }
a img { border:0; }

h1 { font-size:3em }
h2 { font-size:1.0em; }
h3 { font-size:0.9em; }

li { margin:10px; }

.top_back {
	position:absolute;
	top:0px; left:0px;
	width:100%; height:50%;
	min-width:925px;
	background:#757473;
	border-bottom:4px solid white;
}

.bleu {	color:#87c7e2; }
.gris { color:#757473; }

.conteneur {
	position:relative; width:1125px;
	margin:auto; margin-top:1%;
}
	.entete {
		height:60px;
		text-align:center;
		font-variant:small-caps;
		bottom:0px; padding-bottom:10px;
	}

	.contenu {
		background:#000 url(../images/back_contenu.jpg) no-repeat top center;
		border:4px solid white;
		height:700px;
	}
		.menu {
			padding-top:8px;
			text-align:center;
			font-weight:bold;
		}
		
		.logo {
			margin-top:120px;
			text-align:center;
		}
		
		.texte {
			margin:10px 40px 30px 40px;
			height:240px;
			font-size:0.9em;
			text-align:justify;
		}
			.cell_tarif {
				text-align:right; width:170px; vertical-align:top
			}
		
		.diapo {
			height:320px;
			border-top:4px solid white;
			border-bottom:4px solid white;
		}
		
		.keyword {
			text-align:center;
			padding-top:8px;
		}
		
.footer {
	height:50px;
	padding-top:7px;
	color:#757473;
	font-size:0.75em; font-weight:bold;
}

.sonorisation_dj {
	border-top:1px solid #87c7e2; border-bottom:1px solid #87c7e2;
	background-color:#000; font-weight:bold; font-variant:small-caps;
}

/* Gallery styles */

#gallery{
	background:url(../images/panel.jpg) repeat-x bottom center #000;
	width:1117px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:499px;
	/* jQuery changes the width later on to the sum of the
widths of all the slides. */
	/*width:920px;*/
	overflow:hidden;
}

.slide{
	float:left;
}

#menu {
	/* This is the container for the thumbnails */
	height:65px;
}

#menu ul { margin:0px; padding:0px; }

#menu li{
	margin:0px;
	padding:0px;
	/* Every thumbnail is a li element */
	width:65px;
	display:inline-block;
	list-style:none;
	height:65px;
	overflow:hidden;
}

$menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../images/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../images/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../images/divider.png) no-repeat right;
}

#menu li a{
	display:block;
	background:url(../images/divider.png) no-repeat right;
	height:55px;
	padding-top:10px;
}