/* CSS principal - site lifescape */

html {
	height : 100%;
}

body {
	/*overflow : hidden;*/
	height : 100%;
	background-color : #666677;
	font-family : Verdana,Arial,sans-serif;
	padding : 0px;
	margin : 0px;
	text-align : center;
}

input, textarea {
	font-size : 9pt;
}

a {
	text-decoration : none;
	color : #FFFFFF;
}

a:hover {
	color : #FFFFFF;
}

#home {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 400px;
	height: 300px;
	margin-top: -150px; /* moitié de la hauteur */
	margin-left: -200px; /* moitié de la largeur */
	background-color : #2A5A8A;
	border : solid 1px #FFFFFF;
	text-align : center;
}


#blocMenu {
	margin : 0px;
	position : absolute;
	top : 10px;
	left : 0px;
	z-index : 100;
	width : 76%;
	min-width : 570px;
	width:expression(document.body.clientWidth < 570 ? "570px" : "auto" );
	/*background-color : inherit;*/
	height : 35px;
	/*vertical-align : center;*/
	/*border : solid 1px #fff;*/
	background-color : #2A5A8A;
	/*overflow : hidden;*/
}

#blocLangue {
	position : absolute;
	top : 10px;
	right : 10px;
	z-index : 100;
}

#nomPage {
	margin-top : 20px;
	font-size : 18pt;
	font-weight : bold;
	color : #FFFFFF;
}

#blocPrincipal {
	position : relative;
	top : 30px;
	margin-left : auto;
	margin-right : auto;
	padding-bottom : 10px;
	z-index : 50;
	width : 76%;
	min-width : 618px;
	/*width:expression(document.body.clientWidth < 620 ? "620px" : "620px" );*/
	height : 90%;
	overflow : auto;
	background-color : #6888B8;/*FFCC99;FFFFDD//6888B8;*/
	border : solid 1px #FFFFFF;/*//;2A5A8A*/
	font-size : 9pt;
	color : #FFFFFF;
	/* scrollbar : only IE ? */
	scrollbar-base-color:#2A5A8A;
}

#menuTitre {
	float : left;
	margin-left : 5px;
	margin-right : 10px;
	width : 30%;
	text-align : center;
	/*margin : -5px;*/
}
#menuTitre img {
	height : 35px;
	border : none;
}
/*td.menuLiens {
	text-align : center;
}*/

/* Style des liens du menu */
ul.menu {
	margin-top : 10px;
	list-style-type : none;
}

ul.menu li {
	padding-right : 25px;
	float : left;
}

ul.menu li.last {
	padding-right : 0px;
}

a.lienLangue {
	text-decoration : none;
	color : #CCCCCC;
	font-size : 10pt;
	margin : 50px 20px 50px 20px ;
}

a.lienLangue:hover {
	color : #FFFFFF;
}

a.lienMenu {
	text-decoration : none;
	color : #CCCCCC;
	font-size : 10pt;
}

a.lienMenu:hover {
	color : #FFFFFF;
}

a.lienMenuActif {
	text-decoration : none;
	color : #FFFFFF;
	font-size : 10pt;
}

/* div dans lequel s'insèrent les pages */
div.page {
	margin-top : 30px;
	width : 95%;
}

.colonneGauche {
	margin-top : 40px;
	padding-left : 5px;
	float : left;
	vertical-align : top;
	text-align : center;
	width : 35%;
}

.colonneGauche ul {
	position :  fixed;
	list-style-type : none;
	color : #FFF;
	font-size : 9pt;
	margin-left : 11%;
	margin-top : 50px;
	padding-left : 0px;
}
.colonneGauche a {
	font-size : 10pt;
	font-weight : bold;
	color : #1A4A7A;
}
.colonneGauche a:hover {
	color : #FFCC33;
}

img.rubrique {
	margin-left : auto;
	margin-right : auto;
	display : block;
	border : none;
	margin-top : 25px;
}

.colonneDroite {
	margin-top : 40px;
	padding-right : 10px;
	float : left;
	clear : right;
	vertical-align : top;
	text-align : left;
	width : 60%;
}

.colonneDroite hr {
	margin-top : 30px;
	margin-bottom : 30px;
}

h1 {
	font-weight : normal;
	font-size : 21pt;
	color : #FFFFFF;
}

h2 {
	font-size : 15pt;
	font-weight : bold;
	color : #1A4A7A;
}

h3 {
	font-size : 11pt;
	font-weight : bold;
	color : #FFFFFF;
}

.texte {
	/*text-indent : 10px;*/
	color : #FFFFFF;
	text-align : justify;
	font-size : 9pt;
	/*background-color : #2A5A8A;*/
	/*border : solid 1px #666677;*/
	/*padding : 10px;*/
}

table.disco td {
	vertical-align : top;
}

table.disco td.pochette{
	text-align : center;
}
table.disco ol {
	margin : 0px 0px 0px 40px;
	padding : 0px;
	list-style-position:outside;
	color : #FFFFFF;
	font-size : 9pt;
}
table.disco li {
	color : #FFFFFF;
	font-size : 9pt;
}

table.disco a {
	font-size : 9pt;
}
table.disco a:hover {
	text-decoration : underline;
}

a.lienEcoute {
	background-image : url(../images/icone_play.png);
	background-position : left center;
	background-repeat : no-repeat;
	padding-left : 20px;
	/*height : 20px;
	padding-top : 5px;*/
}

a.lienEcoute:hover {
	text-decoration : underline;
}

a.lienCommande {
	font-size : 11pt;
	font-weight : bold;
	color : #FFCC33;
}

a.lienCommande:hover {
	text-decoration : underline;
}

ul.liensPhoto {
	margin-left : 15px;
	padding-left : 0px;
}

ul.liensPhoto a:hover {
	text-decoration : underline;
}


.image {
	border : none;
	/*border : solid 1px #FFFFFF;*/
}

.bouton {
	background-color:#2A5A8A; border:1px solid #666;
	color: #fff;
	font-family: verdana, helvetica, sans-serif; cursor: pointer;
}

.bouton:hover {
	background-color:#7B849C;
	color: #fff;
}

.dateNews {
	font-size : 9pt;
	font-style : italic;
}

div.news img {
	float : left;
	margin : 0px 10px 5px 0px;
}

table.legende {
	margin-top : 20px;
	width : 90%;
	border-spacing : 5px;
}

table.legende td {
	text-align : left;
	font-size : 9pt;
	color : #FFFFFF;
	vertical-align : top;
}

.legendeConcert {
	width : 45px;
	height : 20px;
	background-color : #FFF;
	text-align : center;
	vertical-align : middle;
}

.legendeAmbiance {
	width : 45px;
	height : 20px;
	background-color : #2A5A8A;
	text-align : center;
	vertical-align : middle;
}

ul.concerts {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}

ul.concerts li {
	margin-bottom : 10px;
	color : #FFF;
}

ul.concerts li.ambiance {
	color : #1A4A7A;
}

ul.concerts div.infos {
	display : none;
}

ul.concerts li:hover {
	cursor : help;
	color : #FFCC33;
}

ul.concerts li:hover a {
	color : #FFCC33;
}

ul.concerts li:hover div.infos {
	display : block;
}

.enteteConcert {
	font-weight : bold;
}

ul.concerts a {
	text-decoration : none;
	color : #FFF;
	font-size : 9pt;
}

ul.concerts a:hover {
	text-decoration : underline;
}

ul.concerts li.ambiance a, .concertPeriodique a {
	text-decoration : none;
	color : #1A4A7A;
	font-size : 9pt;
}

ul.concerts li.ambiance a:hover, .concertPeriodique a:hover {
	text-decoration : underline;
}

.concertPeriodique {
	margin-left : auto;
	margin-right : auto;
	margin-top : 30px;
	width : 80%;
	text-align : justify;
	color : #1A4A7A;
	font-size : 9pt;
	/*font-weight : bold;*/
}

.concertPeriodique p.commentaire {
	margin : 0;
	padding : 0;
	color : #FFFFFF;
}

div.bio {
	overflow : auto;
	visibility : hidden;
	position : absolute;
	z-index : 150;
	left: 50%; 
	top: 50%;
	width: 50%;
	/*height: 50%;*/
	/*margin-top: -25%; /* moitié de la hauteur */
	margin-left: -25%; /* moitié de la largeur */
	padding : 10px;
	background-color : #2A5A8A;
	border : solid 1px #FFFFFF;
	cursor : crosshair;
}

div.bio img {
	float : left;	
	margin-right : 10px;
	height : 135px;
}

div.bio p {
	text-align : justify;
	text-indent : 20px;
}

ul.listeBio {
	margin : 20px 0;
	list-style-type : disc;
}

#photosBio {
	margin-top : 30px;
	width : 100%;
	text-align : center;
}

#photosBio td {
	cursor : pointer;
	font-size : 9pt;
	color : #FFFFFF;
}

#photosBio img {
	margin-bottom : 10px;
	height : 150px;
}

#copyright {
	position : absolute;
	z-index : 100;
	bottom : 0px;
	left : 50%;
	width : 500px;
	padding : 4px;
	margin-left : -250px;
	text-align : center;
	font-size : 8pt;
}

#ijam {
	position : fixed;
	top : 170px;
	left : 40px;
	z-index : 1000;
}