﻿<style type="text/css">
<!--

* {
	padding:0;
	margin:0;
	}

	
<style type="text/css">
<!--
	
/* grille */
.Grille {

	background-color:transparent;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
	padding-top:0;
	padding-left:0;
}

.Grille table#GrilleTable {
	position:absolute;
	top:137px;
	left:10px;
	margin:0;
	padding:0;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.Grille tr#Head {
	height:30px;
	font-size:13px;
}

.Grille td#Head {
	width:120px;
	font-size:13px;
	font-weight:bold;
	background-color:#FFCC00;
	color:black;
	text-align:center;
	text-transform:capitalize;
}

.Grille tr#Normal {
	text-decoration: none;
	height:20px;

}

.Grille td#Normal {
	width:120px;
	text-align:left;
	font-size:10px;
	vertical-align:top;
	border:0;
	padding-right:5px;
	padding-bottom:5px;
	border-collapse:collapse;
	background-color:transparent;
	color:black;
	border-left:1px solid #FFCC00;
}

.Grille a:link {
	color:black;
	text-decoration: none;
}

.Grille a:visited {
	color: black;
	text-decoration: none;
}

.Grille a:hover {
	background-color:#FFCC00;
	color:black;
	text-decoration: none;
}



/* zone de titre et menus */


.MainMenu {
	position: absolute;
	left: 5px;
	top: 105px;
	width: auto;
	height: 60px;
	padding-top:0;
	padding-left:0;
	background-color:transparent;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	font-weight:bold;
	color: black;
	text-transform:capitalize;
}



.MainMenu table#MenuTable{
	margin:0;
	width:auto;
	border-right:1px;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}


.MainMenu tr#MenuLine{
	height:28px;
	padding-left:5px;
}


.MainMenu td#ItemNormal{
	width: 100px;
	text-align:left;
	padding-left:5px;
	vertical-align:center;
	color:black;
	background-color:transparent;
}

.MainMenu td#ItemSelected{
	width: 100px;
	text-align:left;
	padding-left:5px;
	vertical-align:center;
	color:black;
	background-color:#FFCC00;
}


.MainMenu td#ItemNormal a:link {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:14px;
	background-color:transparent;
}

.MainMenu td#ItemSelected a:link {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:14px;
	background-color:transparent;
}

.MainMenu td#ItemNormal a:visited {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:14px;
	background-color:transparent;
}

.MainMenu td#ItemSelected a:visited {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:14px;
	background-color:transparent;
}

.MainMenu td#ItemNormal a:hover {
	color:#FFCC00;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:14px;
}

.MainMenu td#ItemSelected a:hover {
	color:black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:14px;
}


.brochure {
	position: absolute;
	top: 15px;
	left: 993px;
	float: right ;
	width: 65px;
	height: 80px;
	background-color:#ff00ff;
	padding:5px;
	}



/* zone des items à gauche */

.items {
	position: absolute;
	left: 10px;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	top: 170px;
	width: 210px;
	height: 640px;
	background-color:transparent;
	overflow:auto;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color: black;
	font-size: 12px;
	border-style: none;
	border-color: white;
	border-width: 0;
	border-left: none;
	border-bottom: none;
	border-top: none;
	border-right-color:#FFCC00;
	border-right-style:solid;
	border-right-width:2px;
}

.items table#listItem{
	margin:0;
	padding:0;
	width:200px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.items td#normal{
	text-align:left;
	vertical-align:center;
	width:200px;
}

.items td#selected{
	text-align:left;
	vertical-align:center;
	width:200px;
	background-color:#FFCC00;
}

.items tr#espace{
	height:3px;
}

.items td#head{
	text-align:left;
	vertical-align:top;
	font-size:14px;
	color:#FFCC00;
	font-weight:bold;
}

.items td#normal a:link {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:white;
}

.items td#normal a:visited {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:white;
}

.items td#normal a:hover {
	color: #FFCC00;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
	background: white;
}


.items td#selected a:link {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:transparent;
}

.items td#selected a:visited {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:transparent;
}

.items td#selected a:hover {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
	background:transparent;
}

/* sous items - pour auteurs, interp etc */

.items td#subnormal{
	text-align:left;
	vertical-align:center;
	padding-left:20px;
	width:200px;
}

.items td#subselected{
	text-align:left;
	vertical-align:center;
	width:200px;
	padding-left:20px;
	background-color:#FFCC00;
}

.items td#subnormal a:link {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	background-color:white;
}

.items td#subnormal a:visited {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	background-color:white;
}

.items td#subnormal a:hover {
	color: #FFCC00;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	background: white;
}


.items td#subselected a:link {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	background-color:transparent;
}

.items td#subselected a:visited {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	background-color:transparent;
}

.items td#subselected a:hover {
	color: black;
	text-decoration: none;
	text-align:left;
	vertical-align:center;
	font-size:12px;
	background:transparent;
}

/* zone main */
/* les textes divers avec illustrations */
.mainnoir {
	position: absolute;
	left: 230px;
	top: 170px;
	/* 4 colonnes */
	width: 1000px;
	height: 620px;
	background-color:transparent;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color: black;
	font-size: 12px;
	overflow:auto;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left:6px;
	padding-right:0;
	border-style: none;
	border-color: none;
	border-width: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	
}

/* pour les textes divers du festival ne devant
pas être lettrinés */

.mainnoirmisc {
}

.mainnoirmisc p{
	font-size: 10pt;
	line-height: 11pt;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	text-align:justify;
}

/* les textes bio, notes etc lettrinés */

.mainnoirbody {
}

.mainnoirbody p{
	font-size: 10pt;
	line-height: 11pt;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	text-align:justify;
}

/*
.mainnoirbody p:first-letter {
	font-size: 20pt;
	line-height:22pt;
    font-weight: bold;
    padding-top:0px;
    padding-right:2px;
    float: left;
    /* color:#FFCC00; */
}
*/

.mainnoir table#logo{
	width:900px;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.logo tr td#logonormal{
	width:300px;
	height:150px;
	vertical-align:top;
}

.mainnoir table#text{
	margin:0;
	padding:0;
	width:400px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.mainnoir table#full{
	margin:0;
	padding:0;
	width:900px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.mainnoir table#minifull{
	margin:0;
	padding:0;
	width:620px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.minifull tr td#col1234{
	width:436px;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}

.minifull tr td#col12{
	width:268px;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}

.minifull tr td#col34{
	width:268px;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}

.minifull tr td#col3{
	width:100px;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}

.minifull tr td#col4{
	width:100px;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}

.mainnoir td#normal{
	text-align:left;
	vertical-align:top;
	font-size:12px;
}

.mainnoir table#head{
	margin:0;
	padding:0;
	width:900px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}


.mainnoir td#subtitle{
	text-align:left;
	vertical-align:top;
	font-size:14px;
}

.mainnoir td#smallsubtitle{
	text-align:left;
	vertical-align:top;
	font-size:11px;
}

.mainnoir td#title{
	text-align:left;
	vertical-align:top;
	font-size:20px;
}

.mainnoir a:link {
	color: black;
	text-decoration: none;
}

.mainnoir a:visited {
	color: black;
	text-decoration: none;
}

.mainnoir a:hover {
	color: black;
	background: #FFCC00;
}

.mainnoirfoot {
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color: grey;
	text-align:right;
	position:absolute;
	left:310px;
	width:400px;
}

/* fullwidth pour équipe et billet */

.fullwidth {
	position: absolute;
	left: 10px;
	top: 170px;
	/* 4 colonnes */
	width: auto;
	height: auto;
	background-color:transparent;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color: black;
	font-size: 12px;
	overflow:auto;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	border-style: none;
	border-color: none;
	border-width: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	
}

.fullwidth table#billet{
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color: black;
	font-size: 12px;
	width: 1100px;
	border-collapse:collapse;
}

.fullwidth table#billet tr#separator{
	height: 10px;
}

.fullwidth table#billet td#line{
	border-bottom-style: solid;
	border-bottom-color: gray;
	border-bottom-width: 1px;
}

.fullwidth table#billet td#eve{
	width: 300px;
	height: 15px;
	font-size:13px;
	vertical-align: top;
	font-weight: bold;
	padding-top:5px;
}

.fullwidth table#billet td#price{
	width: 100px;
	height: 15px;
	vertical-align: top;
	padding-top:5px;
}

.fullwidth table#billet td#note{
	width:350px;
	font-size: 12px;
	height: 15px;
	vertical-align: top;
	color: black;
	padding-right:5px;
	text-align:justify;
	padding-top:5px;
}

.fullwidth table#billet td#resa{
	width:350px;
	height: 15px;
	font-size: 12px;
	vertical-align: top;
	color: black;
	padding-left:5px;
	text-align:justify;
	padding-top:5px;
}

.mainnoir table#full{
	
	left:500px;
	margin:0;
	padding:0;
	width:auto;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.fullwidth a:link {
	color: black;
	font-weight:bold;
	text-decoration: none;
}

.fullwidth a:visited {
	color: black;
	text-decoration: none;
}

.fullwidth a:hover {
	color: black;
	background: #FFCC00;
}

.equipeFloat {
	float: right ;
	width: auto;
	height: auto ;
	background-color: transparent ;
	padding-right:10px;
	padding-top:15px;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	font-size: 14px;
	text-align: right;
	color:#FFCC00;
	}
	
	
/* calendrier main */
.calnoir {
	position: absolute;
	left: 228px;
	top: 170px;
	/* 8 colonnes */
	width: 900px;
	height: 550px;
	background-color:transparent;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color: black;
	font-size: 12px;
	overflow:auto;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left:6px;
	padding-right:0;
	border-style: none;
	border-color: none;
	border-width: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
}

.calnoir table#surtitre{
	margin:0;
	padding:0;
	width:800px;
	font-size:12px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.calnoir td#surtitre{
	text-align:left;
	vertical-align:top;
	font-size:15px;
	font-weight:bold;
	width:100px;
}

.calnoir table#calendrier{
	margin:0;
	padding:0;
	width:800px;
	font-size:12px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
}

.calnoir td#concert{
	text-align:left;
	vertical-align:top;
	font-size:20px;
	width:100px;
}

.calnoir td#interp{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	width:100px;
	padding-right:5px;
	font-weight:bold;
}

.calnoir td#membres{
	text-align:left;
	vertical-align:top;
	font-size:11px;
	width:100px;
	padding-right:5px;
	color:gray;
}

.calnoir td#normal{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	width:100px;
	padding-right:5px;
}

.calnoir td#onright{
	text-align:right;
	vertical-align:top;
	font-size:12px;
	color:black;
	width:100px;
	padding-right:5px;
}

.calnoir table#accroche{
	position:absolute;
	left:535px;
	top:70px;
	margin:0;
	padding:0;
	width:300px;
	font-size:12px;
	border-collapse: collapse;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	color:black;
	background-color:#ffffff;
}

.calnoir table#accroche td#cadre {
	padding:5px;
	vertical-align:top;
	font-size:12px;
	width:100px;
	padding-right:5px;
	background-color:white;
	color:black;
	border-left:3px solid grey;
}

.calnoir table#accroche td#cadre p {
	text-align:justify;
	}

.calnoir table#accroche td#cadre p:first-letter {
	font-size: 24pt;
	line-height:24pt;
    font-weight: bold;
    padding-top:0px;
    padding-right:2px;
    float: left;
   /* color:#FFCC00; */
}


.calnoir a:link {
	color: black;
	text-decoration: none;
}

.calnoir a:visited {
	color: black;
	text-decoration: none;
}

.calnoir a:hover {
	color: black;
	background: #FFCC00;
}




/* image flottante */
.imgFloat {
	float: left ;
	width: 300px;
	height: auto ;
	background-color: transparent ;
	padding-right:10px;
	padding-top:15px;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	font-size: 11px;
	text-align: left;
	color:black;
	}

/* image flottante plan */
.imgFloatMap {
	float: left ;
	width:450px;
	height: auto ;
	background-color: transparent ;
	padding-right:5px;
	font-family: Helvetica Neue, Helvetica, Verdana, Geneva, Arial, Sans serif;
	font-size: 11px;
	text-align: right;
	color:black;
	}
	
/* menus flottants */
.floatpop {
	float: right;
	width: 280px;
	height: auto;
	padding-left: 0px;
	font-size: 11px;
	}


/* archipel à droite */
.floatleftTxt {
	position:absolute;
	left:300px;
	top:200px;
	float: right ;
	width: auto ;
	height: auto ;
	background-color: white ;
	padding-left: 15px;
	font-size: 12px;
	text-align: right;
	}
	
/* derniere modif */
.bottomPage {
	position:absolute;
	left:5px;
	top:740px;
	font-size:11px;
	color:#FFCC00;
}


</script>
