<style type="text/css">

html {
	height:101%;
	margin: 0;
	padding: 0;
	}



body {
	text-align: center; /* center pour IE */
	height:101%;
	font-family: calibri, Helvetica Neue, Helvetica, Geneva, Arial, "Sans serif"; 
	font-size:12px;
	line-height:13px;
	position: relative;
	margin: 10px auto; /* center pour ts les nav sauf IE */
	width: 1000px;
	background-color:white;
}



/* réglages généraux */

table { border-collapse:collapse; }

a {
	text-decoration:none;
	color:black;

}

a:hover {  
	-webkit-stroke-width: 0.6px;
	-webkit-stroke-color: #AAAAAA;
	-webkit-fill-color: #AAAAAA;
	-moz-stroke-width: 0.2px;
	-moz-stroke-color: black;
	-moz-fill-color: #FFFFFF;
	text-shadow: 3px 3px 3px #888888;
	color:#fd3724;
}

a img {
	text-decoration:none;
	border: 0;
}

a:hover img {
	background-color:white;
	text-decoration:none;
	-moz-box-shadow: 1px 1px 13px #fd3724;
	-webkit-box-shadow: 1px 1px 13px #fd3724;
	box-shadow: 1px 1px 13px #fd3724;
}

/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:focus, a:active { 
  outline: none; 
}


#logo {display:none}
#sublogo {display:none}
#foot {display:none}
#sub{display:none}
#nav{display:none}
#liste{display:none}
#form{display:none}

#url {
	position:relative;
	top:0px;
	left:340px;
	width:490px;
	text-align:center;
	padding:5px;
	line-height:1.2em;
	border:1px solid #fdebe9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

/* page générique : bandeau titre */

#titre {
	position: absolute;
	top:0px;
	left:0px;
	width:510px;
	height:90px;
}


#titre #nom {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:3px;
	font-size:16px;
	font-weight:bold;
	color:black;
	text-align:left;
	line-height:1.2em;
}


#titre #oeuvre {
	padding-left:10px;
	padding-top:5px;
	padding-bottom:3px;
	font-size:16px;
	color:black;
	text-align:left;
}

#titre #sstitre {
	padding-left:10px;
	font-size:11px;
	color:#555555;
	text-align:left;
}


#photo {
	position: absolute;
	top:60px;
	left:0px;
	padding-left:10px;
	width:300px;
	height:620px;
	overflow:hidden;
	font-size:10px;
	text-align:left;
	color:black;
	background-color:white;	
}

/* bio, notice: zone de texte */

#texte {
	position:absolute;
	top:60px;
	left:320px;
	z-index:-1;
	padding-left:15px;
	padding-right:14px;
	width:510px;
	height:620px;
	overflow:auto;
	font-size:1em;
	line-height:1.3em;
	text-align:justify;
	color:black;
	background-color:white;
	-moz-column-count:2;
	-webkit-column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
}

.lettrine p:first-letter {
	font-size: 1.8em;
    padding-right:2px;
    float: left;
}

#grille {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 622px;
	background-color:white;
	color:black;
	padding:0;
}

#table-grille {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 990px;
	background-color:white;
	border-collapse: collapse;
}

#grille a:link {
	color:black;
	text-decoration: none;
}

#grille a:visited {
	color: black;
	text-decoration: none;
}

#grille a:hover {
	-webkit-stroke-width: 0.6px;
	-webkit-stroke-color: #AAAAAA;
	-webkit-fill-color: #AAAAAA;
	-moz-stroke-width: 0.2px;
	-moz-stroke-color: #000000;
	-moz-fill-color: #FFFFFF;
	text-shadow: 3px 3px 3px #888888;
	color:black;
}


.th-grille {
	background-color:white;
	color:black;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	font-size:1.4em;
	line-height:20px;
	border-bottom:2px solid #fdebe9;
}

.td-grille {
	color:black;
	vertical-align:top;
	text-align:left;
	width:100px;
	max-width:95px;
	border-left:1px solid #fdebe9;
	border-right:1px solid #fdebe9;
	border-bottom:1px solid #fdebe9;
	
}


// calendrier
/* calendrier: pas de bandeau titre */

#cal {
	position:absolute;
	top:60px;
	left:0px;
	z-index:-1;
	padding-left:5px;
	padding-right:10px;
	overflow:auto;
	font-size:1.1em;
	width:570px;
	height:665px;
	text-align:left;
	color:black;
}

#cal table {
	width:555px;
}

#cal .emptyline {
	height:5px;
}

#cal .emptynom {
	width:194px;
}

#cal .emptytitre {
	width:300px;
}

#ca .emptycm {
	width:50px;
}

#cal .logo {
	width:104px;
}

#cal #theme {
	text-align:left;
	vertical-align:top;
	font-size:1.4em;
	line-height:20px;
}

#cal #titre-concert {
	text-align:left;
	vertical-align:top;
	font-size:1.5em;
	line-height:24px;
}

#cal #genre {
	text-align:right;
	vertical-align:top;
	font-size:1.4em;
	font-weight:bold;
}

#cal .creation {
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	color:#fd3724;
}

#cal #close {
	text-align:left;
	vertical-align:center;
}

#cal #player {
	text-align:left;
}


#cal #player-note {
	vertical-align:center;
	text-align:right;
	padding-right:5px;
	font-size:9px;
	color:#555555;
	line-height:10px;
}

#cal .interp {
	text-align:left;
	vertical-align:top;
	font-size:1.1em;
	padding-right:5px;
	font-weight:bold;
}

#cal .membres {
	text-align:left;
	vertical-align:top;
	font-size:1.1em;
	padding-right:5px;
	color:gray;
}

#cal .normal {
	text-align:left;
	vertical-align:top;
	padding-right:5px;
}

#cal .demi {
	text-align:right;
	vertical-align:top;
	padding-right:5px;
}

#cal .onright {
	text-align:right;
	vertical-align:top;
	padding-right:5px;
	color:#555555;
}

#cal #mention {
	border-top:1px dotted #555555;
	text-align:justify;
	vertical-align:top;
	padding-right:5px;
	font-size:.9em;
	color:#555555;
}



#accroche {
	position:absolute;
	left:563px;
	top:60px;
	width:250px;
	height:615px;
	font-size:12px;
	padding-right:5px;
	padding-left:15px;
	margin:0;
	overflow:auto;
}

#accroche-texte {
	max-height:625px;
	overflow:auto;
	padding-left:10px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:8px;
	vertical-align:center;
	line-height:14px;
	width:230px;
	border-left:1px dotted #fd3724;
}

#accroche-texte p {
	text-align:justify;
}
</script>
