/* Tous droits réservés © 2007-2010 | http://www.RenePaul.net */

body {
	/*width:100%;
	height:100%; /* fix height to 100% for IE */
	/*max-height:100%; /* fix height for other browsers */
	background:#000; /* url(../images/fond.gif) fixed;*/
	color:#aaa;
	font-family:arial,verdana,sans-serif; /*helvetica,georgia,palatino linotype,times new roman,serif;*/
	font-size:80%;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	/*overflow:hidden;*/
}

/***** FOND *****/
/*
#fond {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
*/
#fondnoir {
	display:none;
	/*position:absolute;*/
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	/* opacity: 0.7; FireFox */
	/* -moz-opacity:0.70; Safari, Opera */
	/* filter: alpha(opacity=70); IE */
}

/***** HEADER *****/
#header {
	display:block;
	position:fixed;
	left:0;
	top:0;
	right:0;
	background:#000;
	padding:5px 0;
	height:131px;
	/*text-align:center;*/
	/*white-space:nowrap;*/
	z-index:1;
}
#header1 {
	display:block;
	position:absolute;
	left:35px;
	top:30px;
	font-size:2.5em;
	font-weight:bold;
	color:#faecbb;
}
#header2{
	display:block;
	position:absolute;
	left:36px;
	top:31px;
	font-size:2.5em;
	font-weight:bold;
	color:#c00;
}
#header3 {
	display:block;
	position:absolute;
	left:36px;
	top:75px;
	font-size:1em;
	color:#fff;
}
#header_rotator{
	display:block;
	position:absolute;
	top:2px;
	right:5px;
	width:590px;
	height:110px;
	background:#000;
	border:1px solid #faecbb;
}
#rotator1_border{
	display:block;
	width:320px;
	height:240px;
	background:#000;
	border:1px solid #fff;
}
#rotator,#rotator1{
	display:block;
}

/***** MENU DÉROULANT *****/
#dropdown {
	display:block;
	position:absolute;
	left:5px;
	top:116px;
	right:5px;
	height:18px;
	/*background:#000 url(../code/menu/menu_back.gif);*/
	background:#000 url(../images/top_black.png) repeat-x;
	border:solid 1px #000;
	/*z-index:1;*/
}

/***** MENU *****/
#menu {
	display:block;
	position:fixed;
	left:5px;
	top:139px;
	width:180px;
	height:auto;
	border:1px solid #faecbb;
	overflow:hidden;
	background:#400000 url(../images/fond3.gif);
	margin-top:2px;
	font-size:1em;
	text-align:left;
	color:#fff;	
	white-space:nowrap;
}
#menu_close {
	display:block;
	position:absolute;
	right:1px;
	top:2px;
	margin:0;
	padding:1px;
	color:#fff;
	background:transparent;
	font-weight:bold;
	cursor:pointer;
}
#menu_close:hover{color:#f00}
#menu .section{
	color:#fff;
	background:#000 url(../images/top_black.png) repeat-x;
	margin:0.2em;
	padding:0 2px;
	cursor:pointer;
	text-align:left;
	font-size:0.9em;
	font-weight:bold;
	border:solid 1px #000;
}
#menu .section:hover{background:#a00 url(../images/top_red.png) repeat-x}
#menu .section1{
	padding:0.2em 0;
}
#menu .cadre {
	background:transparent;
	margin:0.2em;
	padding:0 0 0.2em 0.2em;
}
#menu ul {
	margin:0 0 0 1.3em;
	padding:0;
	list-style:url(../images/gen_led.gif) none;
	font-size:1em;
}
#menu a {
	color:#faecbb;
	background:transparent;
	text-decoration:none;
	/*font-weight:normal;*/
}
#menu a:hover {
	color:#f00;
	background:transparent;
	/*text-decoration:none;*/
	/*font-weight:bold;*/
}
#menu .new {
	color:#fff;
	background:#000;
	text-decoration:none;
	font-size:0.8em;
	/*font-weight:normal;*/
}
#menu a.new:hover {
	color:#f00;
	background:#000;
	/*text-decoration:none;*/
	/*font-weight:bold;*/
}
#menu img.new1,#menu img.new1:hover {
	border:none;
}

/***** BLOCK IMAGE *****/
#img_left {
	display:block;
	position:fixed;
	left:192px; /* tempo voir jquery */
	top:141px;
	bottom:30px;
	width:100px;
	background:#000; /* background:#000 url(../images/mozart.jpg) repeat-y; */ /* tempo voir jquery */
	border:1px solid #000;
	/*cursor:move;*/
	overflow:hidden;
}

/***** ARTICLE *****/
#article {
	display:block;
	/*position:absolute;*/
	color:#aaa;
	padding:140px 5px 30px 298px; /* tempo voir jquery */
	overflow:hidden;
}
#article .section{
	color:#fff;
	background:#a00 url(../images/top_red.png) repeat-x;
	padding:0 2px;
	cursor:pointer;
	font-size:0.9em;
	font-weight:bold;
	border:solid 1px #000;
}
#article .section:hover{background:#333 url(../images/top_black.png) repeat-x}
#article .section1{
	padding:0.2em 0;
	white-space:nowrap;
}
#article .cadre {
	position:relative; /* pour la classe: more */
	/*background:#fff;*/
	background:#333 url(../images/fond1.gif);
	margin:0.4em 0;
	padding:0.4em;
	border:solid 1px #555;
	overflow:hidden;
}
#article .cadre:hover{
	background:#000;
	border:solid 1px #000; /* #777 */
}
#article .nocadre {
	margin:0;
	padding:0;
}
#article .playlist{
	display:block;
	height:100px;
	white-space:nowrap;
	overflow:hidden;
}
#article .more,#article .more1{
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
#article ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:1em;
}
#article a[class^="tab"]{
	/*position:relative;
	top:-2px;
	border:solid 1px #000;
	padding:0 2px;*/
	margin-right:2px;
	font-size:1em;
	/*font-weight:bold;*/
	/*color:#fff;
	background:#333 url(../images/top_black.png) repeat-x;*/
	cursor:pointer;
	/*text-decoration:none;*/
}
#article a[class^="tab"]:hover{
	color:#000;
	background:#fff;
	text-decoration:none;
}
#article a[class^="tab"].tabselect{
	/*color:#fff;
	background:#a00 url(../images/top_red.png) repeat-x;*/
	color:#000;
	background:#fff;
}
#article a {
	color:#fff;
	background:transparent;
	text-decoration:none;
}
#article a:hover {
	color:#c00;
	/*background:#000;*/
	text-decoration:underline;
	font-weight:normal;
}

/***** FOOTER *****/
#footer {
	display:block;
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	background:#000;
	/*height:20px;*/
	padding:5px 0;
	/*line-height:25px;*/
	font-size:1em;
	text-align:center;
	white-space:nowrap;
	/*z-index:1;*/
}
#footer .sepa{
	color:#f00;
}
#footer #zvi1 {
	/*display:inline;*/
	background:#000;
	color:#faecbb;
	padding:1px;
	border:1px solid #faecbb;
	cursor:pointer;
	/*overflow:hidden;*/
}
#footer .zvi2 {
	position:relative;
	top:4px;
}
#footer a.rplink {
	color:#fff;
	background:transparent;
	text-decoration:none;
	/*font-weight:normal;*/
}
#footer a.rplink:hover {
	color:#c00;
	background:transparent;
	text-decoration:underline;
	/*font-weight:bold;*/
}
#footer a.ibiblio {
	color:#faecbb;
	background:#800000;
	text-decoration:none;
	border:1px solid #faecbb;
	padding:1px;
}
#footer a.ibiblio:hover {
	background:#000;
	text-decoration:none;
}

/***** DIVERS *****/
* {
  outline:0;
}
.noborder,.zoomify a img { /* #nav a img, */
	border:none;
}
.hp,.hp:hover {
	position:relative;
	top:2px;
	border:none;
}
img,.flash{
	border:solid 1px #fff;
}
a img,input.img{
	border:solid 1px #fff;
}
a img:hover,input.img:hover{
	border:solid 1px #f00;
}
.titre {
	color:#fff;
	font-size:1.4em;
	text-align:left;
	/*font-weight:bold;*/
}
.imgleft{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.imgright{
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
.clearfloat {
	clear:both;
	height:0;
	line-height:0; 
	visibility:hidden;
}

/***** CORNERS *****/
#corner_tl {
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:30px;
	height:30px;
	background:url(../images/coin1.png) no-repeat top left; /* important de préciser ici top left pour IE */
	z-index:1;
}
#corner_tr {
	display:block;
	position:fixed;
	right:0;
	top:0;
	width:30px;
	height:30px;
	background:url(../images/coin2.png) no-repeat top right; /* important de préciser ici top right pour IE */
	z-index:1;
}
#corner_bl {
	display:block;
	position:fixed;
	left:0;
	bottom:0;
	width:30px;
	height:30px;
	background:url(../images/coin3.png) no-repeat bottom left; /* important de préciser ici bottom left pour IE */
}
#corner_br {
	display:block;
	position:fixed;
	right:0;
	bottom:0;
	width:30px;
	height:30px;
	background:url(../images/coin4.png) no-repeat bottom right; /* important de préciser ici top right pour IE */
}