html, body {
	margin : 0;
	padding : 0;
}
body {
	text-align : center;
	background : #666 url(img/fond.png) repeat;
	color : #000000;
	font-family : Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size : 0.8em;
}
h1, h2, h3, h4, h5, h6 {
	font-family : "Trebuchet MS", sans-serif;
}
h1 {
	font-size : 2em;
	margin : 2em 0 0.5em;
}
h2 {
	font-size : 1.3em;
	margin : 1em 0;
}
h3 {
	font-size : 1.15em;
	margin : 0.8em 0;
}
h4 {
	font-size : 1em;
	font-weight : normal;
}
a {
	text-decoration : none;
}
a:link {
	color : #039;
	background : transparent;
}
a:visited {
	color : #026;
	background : transparent;
}
a:hover {
	color : #36f;
	background : transparent;
	text-decoration : underline;
}
a[hreflang]:after {
	content : "\0000a0[" attr(hreflang) "]";
	color : #999;
	background : transparent;
}
a img {
	border : none;
}
#page table {
	padding : 0;
	margin : 0;
	border-collapse : collapse;
	background : #eee;
}
#page tr {
	border : 0;
	padding : 0;
	margin : 0;
}
img {
	border : 0;
}
abbr, acronym {
	border : none;
	background : transparent url(img/dotted.png) repeat-x bottom;
	cursor : help;
}
code, pre, kbd {
	font-family : "Courier New", Courier, monospace;
	font-size : 1em;
}
pre {
	overflow : scroll;
	width : 100%;
}
html > body pre {
	overflow : auto;
	width : auto;
}
fieldset {
	border : none;
}
.field label {
	display : block;
	cursor : pointer;
}
textarea {
	width : 99%;
}
.left {
	float : left;
	margin : 0 1em 1em;
}
.right {
	float : right;
	margin : 0 1em 1em;
}

.fant {
	display : none;
}

#page {
	width : 900px;
	margin : 15px auto;
	background : #fff;
	color : inherit;
	text-align : justify;
	border : 1px solid white;
}
#top {
	background-image : url(img/titre1.jpg);
	background-repeat : no-repeat;
	position : relative;
	width : 900px;
	height : 101px;
	margin : 0;
	border : 0;
	padding : 0;
}
#cadre {
	vertical-align : top;
}
#main {
	width : 668px;
	margin : 0;
	background-color : transparent;
	background-image : url(img/titre2.jpg);
	background-repeat : no-repeat;
	vertical-align : top;
	text-align : justify;
	padding : 30px 15px;
}
#mainlarge {
	width : 900px;
	margin : 0;
	background-color : transparent;
	background-image : url(img/titre2.jpg);
	background-repeat : no-repeat;
	vertical-align : top;
	text-align : justify;
	padding : 30px 15px;	
}
.texte {
	width : 430px;
	text-align : justify;
	vertical-align : top;
}
.visuelsacd {
	background-image : url(img/ombresacd.png);
	background-repeat : no-repeat;
	background-position : top right;
	padding : 10px 10px 10px 25px;
	vertical-align : top;
}
.visueldvd {
	background-image : url(img/ombredvd.png);
	background-repeat : no-repeat;
	background-position : top right;
	padding : 10px 10px 10px 25px;
	vertical-align : top;
}
.visueljazz {
	background-image : url(img/ombrejazz.png);
	background-repeat : no-repeat;
	background-position : top right;
	padding : 10px 10px 10px 25px;
	vertical-align : top;
}
.visuelzoomsur {
	background-image : url(img/ombrezoomsur.png);
	background-repeat : no-repeat;
	background-position : top right;
	padding : 10px 10px 10px 25px;
	vertical-align : top;
}
.visuelsinterview {
	padding : 0px 0px 0px 0px;
	vertical-align : top;
}
.visuelinterview {
	background-repeat : no-repeat;
	background-position : top right;
	padding : 10px 10px 10px 25px;
	vertical-align : top;
}
.liste {
	background-color : transparent;
	padding-right : 1ex;
	width : 100%;
}
.listeinterviews {
	background-color : transparent;
	padding-left : 1ex;
	width : 100%;
}
.listenumeros {
	background-color : transparent;
	padding-bottom : 1ex;
	width : 100%;
}
.compositeur {
	font-weight : bold;
	font-size : 1.3em;
	letter-spacing : 0.3em;
	margin : 0;
}
.oeuvre, .interprete {
	font-weight : bold;
}
.label, .technologie {
}
.auteur {
	font-style : italic;
	font-family : Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	text-align : right;
}
.commentaire {
	padding: 10px 10px 10px 10px;
	border: 1px solid white;
	font-family : Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size : 1em;
}
.titreinterview {
	font-weight : bold;
	font-size : 1.3em;
	letter-spacing : 0.3em;
	margin : 0;
}
.introductioninterview {
	font-size : 1.1em;
	margin-bottom : 2em;
}
.questioninterview {
	font-weight : bold;
	color : #060 ;
}
.reponseinterview {
}
p.numeros {
	margin-top: 5em;
}
table.numeros {
}
td.numeros {
	padding : .4em .8em .4em .8em;
	text-align : center;
	background-color: #fc0;
	border: 1px solid #fff;
}
td.numerocourant {
	padding : .4em .8em .4em .8em;
	text-align : center;
	background-color: #06f;
	color: #fff;
	border: 1px solid #fff;
}
td.flechenumeros {
	padding : .4em .6em .4em .6em;
	text-align : center;
	background-color: #fc0;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
}
h3.numero {
	margin-top : 0;
	margin-bottom : 1.5em;
	color : #999;
}
#sidebar {
	width : 202px;
	margin : 1px 0 0;
	background : transparent;
	padding : 0;
	border : 0;
}
#zoomsur {
	background : #f60;
	width : 71px;
	height : 70px;
	vertical-align : bottom;
	padding : 15px;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
}
#opusdor {
	background : #fc0;
	width : 71px;
	height : 70px;
	vertical-align : bottom;
	padding : 15px;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
	text-align: left;
}
#jazz {
	background : #ce0;
	width : 71px;
	height : 70px;
	vertical-align : bottom;
	padding : 15px;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
	text-align: left;
}
#sacd {
	background : #6c3;
	width : 71px;
	height : 70px;
	vertical-align : bottom;
	padding : 15px;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
	text-align: left;
}
#dvd {
	background : #693;
	width : 71px;
	height : 70px;
	vertical-align : bottom;
	padding : 15px;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
	text-align: left;
}
#interview {
	background : #663;
	width : 71px;
	height : 70px;
	vertical-align : bottom;
	padding : 15px;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
	color:  white;
	text-align: left;
}
.icone {
	background-position : center center;
	border : 0;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
	padding : 0;
	margin : 0;
	height : 70px;
	font-size : 1px;
}
.iconeinterview {
	background-position : center center;
	border : 0;
	border-left : 1px solid white;
	border-bottom : 1px solid white;
	padding : 0;
	margin : 0;
	height : 3px;
	font-size : 1px;
}
.iconeinterview2 {
	background-position : center center;
	border : 1px solid white;
	padding : 0;
	margin : 0;
	height : 3px;
	font-size : 1px;
}
.bord {
	border : 0;
	border-left : 1px solid white;
	padding : 0;
	margin : 0;
}
.legende {
	padding-right : 20px;
}
.copyright {
	width : 100%;
	text-align : right;
}
#footer {
	background : #eee;
	width : 870px;
	vertical-align : bottom;
	text-align : right;
	padding : 8px 15px;
	border : 0;
	border-top : 1px solid white;
	font-size: 0.8em;
}
.compteur {
	background-color : #ddd;
	border : 1px solid white;
	padding : 2px;
	text-align : center;
}

.ecrire1 {
	width: 190px;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
}

.ecrire2 {
	width: 700px;
	font-size: 0.7em;
	padding-bottom: 5px;
}