body {
	/*marge dans head*/
	/*background-color:#feeb7f;
	background-image:url(images/fond.png);
	text-align: left;
	font-size: 12pt;
	*/
	background-color:black;
	color: white;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Raleway', sans-serif;
	font-size:14px;

}
header {
	/*background-color:#00FF00;*/
	height:350px;
	position:relative;
}

footer {
	height:10px;
	visibility:visible;
	display:block;
	float:left;
	width:100%;
}
#corps {
	/*padding-top:10px;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	margin-left:230px;
	*/
	margin-top:10px;
	background-color:#282828;
	/* top-bottom and left-right */
	padding:20px 10px 1em 1em;
	/*border:3px dashed black;
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em; 
	border-radius:1em;*/
	min-height:400px;

}
footer {
	margin-top:10px;
	margin-bottom:10px;
	background-color:black;
	text-align:center;
	min-height:1.1em;
}
a:visited, a, a:link, a:hover {
	color: black;
}



	/* MENU DE NAVIGATION */
nav {

	height:40px;
	position:absolute;
	background-color: #282828;
	width:100%;
	bottom:0;
	
}
nav a, nav a:hover, nav a:link, nav a:visited {
    color:rgb(251,97,9);
    font-size:13pt;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}
nav ul li a:hover {
	/*padding-bottom:2px;*/
	border-bottom: 5px solid rgba(251,97,9, .3);
}
nav ul li ul li a:hover {
	border-bottom:none;
}
nav ul,nav li {
	list-style-type:none;
	margin:0;
	padding:0;
}
/*chaque sous-menu*/
nav ul li{
  	

	position:relative;
	float:left;
	cursor:pointer;
	display:block;
	
	background:none;
/* 	width: 166px; */
	/*width:16.66666666666%;	/* 1/6 en pourcentage */
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
}
nav ul li ul li {
	width:25%;
}
	/*carré déroulant sous un sous-menu niveau 1*/
nav ul li ul {
/* 	width:165px; */
	border-top:none;
	top: -9000px;
	left:-9000px;
	z-index:2;
	
	background-color:rgba(5,13,255,0.8);
	border-radius: 5px;
	border: 3px solid rgba(5,13,255,0.8);
}
nav ul li.menu_element {

	

}

	/*au passage de la souris on inverse les couleurs de la case*/
nav ul li ul li a:hover, nav ul li a:hover, nav ul li a:active {
	
}
nav ul li:hover ul {

	top:40px;
	left:0px;
}
nav ul li ul {
	position: absolute;
}
nav ul li a{
	color:rgb(251,97,9);
	/*display: block;*/
	/*margin-left:auto;
	margin-right:auto;*/
	font-weight:bold;
	text-align:center;
	
	width:100%;
	text-decoration:none;
}
nav ul li ul li a:link, nav ul li ul li a:hover, nav ul li ul li a:active, nav ul li ul li a:visited {
	font-size:1em;
	/*width:100%;*/
	font-weight:normal;
	display:block;
	color:white;
}
nav ul li ul li:hover a {

	color:blue;
	width:auto;
	padding-top:0;
	padding-bottom:0;
}
nav ul li ul li:hover {
	background-color:white;
	width:100%;
	margin-left:0;
	margin-right:0;
	
	
}
nav ul li ul li {
	height:auto;

}
nav ul li.menu_element a {
	margin-left:35px;
	margin-right:35px;

}
nav ul li ul li.element_ssmenu a {
	margin:0 0 0 0;
}
nav ul li ul li.element_ssmenu {
	position:relative;
	width:25%;
	margin:0;

}
nav ul li ul {
	position:absolute;
	width:100%;
}


table#tbl_calendrier {
	border-collapse:separate;
	border:1px solid;
}
#tbl_calendrier td {
	border:1px solid;
}

div#bandeau {
	margin:0;
	padding:0;
}
#bandeau img#cover {
	height:300px;
}
#logo_musique{
	width:200px;
	border:0;
	left:0px;
	top:0px;
	position:absolute;

}

#acces_reserve_logo {
	right:7px;
	bottom:54px;
	position:absolute;
}
#recherche {
	position:absolute;
	right:5px;
	top:5px;
}

.photo_event:hover img {
	filter:alpha(opacity=60);
	filter: ?alpha(opacity=60)?;
	-moz-opacity:0.6;
	opacity: 0.6;
}
.pair {
	background-color:#E6E6E6;
/* 	background-color:#d4d4d4; */
	width:1000px;
	margin-left:-1em;
}
.impair {
	
}
/*#head_img {
	height:150px;
	border:3px dashed black;
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em; 
	border-radius:1em;
	padding-top:10px;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	margin-left:220px;
	text-align:center;
	vertical-align:middle;
}
#head_img img {
	margin-top:auto;
	margin-bottom:auto;
}*/
h1 {
	
	font-size: 18pt;
	text-align: center;
	margin: 0cm;
	margin-top:10px;
	margin-bottom:30px;
	text-shadow:#666;
}
h2 {
	text-align: center;
	font-size: 16pt;
	margin: 0cm;
}
h3 {
	text-align: center;
	font-style: italic;
	font-size: 14pt;
	margin: 0cm;
}


p {
	text-indent:2em;
}
.no-indent {
	text-indent:0;
}
#tbl_img td {
	border:none;
	text-align:center;
	width:20%;
}

.evt li {
	margin:1em;
}

td#instru
{
	text-align:center;
	text-align: center; 
	width: 33%;
}
table#table_musiciens {
	border:0px solid;
	list-style:none;
	 
	
}
#table_musiciens td {

}
#table_musiciens ul {

	list-style:none;
	
}
#table_musiciens ul li {
	margin: 0.5em 0;
}


.evt {
	display:table;
	table-layout: fixed;
	margin-left:auto;
	margin-right:auto;
	border-spacing:40px 10px;
	margin-top:0;
	margin-bottom:0;
/* 	width:980px; */
}
#autres_evt {
	list-style:none;
}
div.month {
	position:relative;
	display:table-cell;
	text-align:center;
	/*min-width:200px;*/
	vertical-align: middle;
	max-width:25%;
}
.month img {
	border-radius:1em;
	height:120px;
	padding-left:5px;
	padding-right:5px;
}
.month_title {
	text-align:center;
	padding-top:15px;
	margin-bottom:0;
}
.month a{
	text-decoration:none;
	margin:0;
}

div.article {
	position:relative;
	display:table-cell;
	text-align:center;
	/*min-width:200px;*/
	vertical-align: top;
	max-width:25%;
}
.article img {
	border-radius:1em;
	width:400px;
	padding-left:5px;
	padding-right:5px;
}
.article_title {
	text-align:center;
	padding-top:15px;
	margin-bottom:0;
}
.article a{
	text-decoration:none;
	margin:0;
}


/* Slider */
#slider1_container {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 800px;
	height: 700px; 
	background: #191919; 
	overflow: hidden;
	margin: 0px auto;	/* center */
	
}
.calendar {
	margin-left:20px;
	margin-right:20px;
	margin-top:1em;
	margin-bottom:1em;
	display:table-cell;
	
}

.date {
	font-weight:bold;
	font-size:1.1em;
	float:left;
	text-align:center;
	width:60px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
	text-transform:uppercase;
}
.texte_cal {
	font-size:1em;
	margin-left:70px;
	
}
.calendar_element {
	width:220px;
	min-height:50px;
	color:black;
	padding:15px 10px;
	background: #ffef00; /* Old browsers */
	background: -moz-linear-gradient(top, #ffef00 0%,#fcfcfa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffef00),  color-stop(100%,#fcfcfa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffef00 0%,#fcfcfa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffef00 0%,#fcfcfa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffef00 0%,#fcfcfa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffef00 0%,#fcfcfa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffef00', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	margin-top:10px;
}
.calendar h3 {
	margin-bottom:0.7em;
}
.cal {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	display:table;
	border-collapse: separate;
	border-spacing:60px 0;
}
#right_col {
	float:right;
	width:240px;
	margin-top:-10px;
}
#main_col {
	width:720px;
	
}
#map-div {
	width:500px;
/* 	float:right; */
	text-align:center;
	display:table-cell;
}
#map-div div {
/* 	float:left; */
	font-weight:bold;
}
#map-canvas {
	margin-top:1em;
	height:400px;
	width:100%;
	position:relative;
}
#left-col-contact {
	width:50%;
	display:table-cell;
}

/* ----------- Recherche ----------- */

#formRecherche{ }

#recherche{
	display:none;
	border:none;
	padding:0;
	margin:0;
	width:150px;
	vertical-align: top;
	margin-top:-5px;
	margin-left:5px;
	height:19px;
}
		
.header_recherche a{
	color:white;
	font-weight:bold;
}
.header_recherche {
	top:5px;
	right:5px;
	position:absolute;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FE9B62 0%, #C44C07 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FE9B62 0%, #C44C07 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #FE9B62 0%, #C44C07 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FE9B62), color-stop(1, #C44C07));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FE9B62 0%, #C44C07 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FE9B62 0%, #C44C07 100%);
	
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	display:block;
	padding:5px 15px;
}
.header_recherche img {
	height:1em;
}
#recherche {
	position:relative;
	
}

#login {
	display:none;
	border:none;
	padding:0;
	margin:0;
	width:140px;
	vertical-align: top;
	margin-top:-5px;
	margin-left:5px;
	height:85px;
}
.header_login a, .header_login {
	color:white;
}
.bold {
	font-weight:bold;
}
.header_login  {
	color:white;
	bottom:55px;
	right:5px;
	position:absolute;
	
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #447fd5 0%, #0449ac 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #447fd5 0%, #0449ac 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #447fd5 0%, #0449ac 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #447fd5), color-stop(1, #0449ac));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #447fd5 0%, #0449ac 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #447fd5 0%, #0449ac 100%);
	
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	display:block;
	padding:5px 15px;
}
.header_login  img {
	height:14px;
	margin-right:3px;
	
}
#login {
	position:relative;
	margin-top:5px;
	text-align:center;
}
#login input[type="password"] {
	width:120px;
}
#submit_login {
	text-decoration:underline;
}

#login_inside_page {
	text-align:center;
}
.month_box {
	display:none;
	border:none;
	padding:0;
	margin:0;
	vertical-align: top;
	
	
}
.header_month_box  {
	position:relative;
	display:inline-block;
}

/* jssor slider arrow navigator skin 05 css */
	/*
	.jssora05l              (normal)
	.jssora05r              (normal)
	.jssora05l:hover        (normal mouseover)
	.jssora05r:hover        (normal mouseover)
	.jssora05ldn            (mousedown)
	.jssora05rdn            (mousedown)
	*/
	.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
	{
		position: absolute;
		cursor: pointer;
		display: block;
		background: url(img/a17.png) no-repeat;
		overflow:hidden;
	}
	.jssora05l { background-position: -10px -40px; }
	.jssora05r { background-position: -70px -40px; }
	.jssora05l:hover { background-position: -130px -40px; }
	.jssora05r:hover { background-position: -190px -40px; }
	.jssora05ldn { background-position: -250px -40px; }
	.jssora05rdn { background-position: -310px -40px; }
/* jssor slider thumbnail navigator skin 01 css */
	/*
	.jssort01 .p           (normal)
	.jssort01 .p:hover     (normal mouseover)
	.jssort01 .pav           (active)
	.jssort01 .pav:hover     (active mouseover)
	.jssort01 .pdn           (mousedown)
	*/
	.jssort01 .w {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	.jssort01 .c {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 68px;
		height: 68px;
		border: #000 2px solid;
	}

	.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
		background: url(img/t01.png) center center;
		border-width: 0px;
		top: 2px;
		left: 2px;
		width: 68px;
		height: 68px;
	}

	.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
		top: 0px;
		left: 0px;
		width: 70px;
		height: 70px;
		border: #fff 1px solid;
	}