/* 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/fond03.jpg) fixed center center no-repeat;*/
	background:#000;
	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 *****/
/* voir generaldsc.css */

/***** HEADER *****/
#header {
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	/*width:100%;*/
}
#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:5px;
	right:5px;
	width:590px;
	height:110px;
	background:#000;
	/*border:1px solid #000;*/
}
#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:120px;
	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:absolute;
	left:5px;
	top:145px;
	width:180px;
	height:auto;
	/*border:solid 1px #000;*/
	overflow:hidden;
	background:url(../images/bg50.png);
	background:rgba(0,0,0,0.5);
	/*margin-top:2px;*/
	font-size:1em;
	text-align:left;
	color:#fff;	
	white-space:nowrap;
}
#menu:hover {
	background:url(../images/bg75.png);
	background:rgba(0,0,0,0.75);
	/*border:solid 1px #000;*/
}
#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:#a00 url(../images/top_red.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:#000 url(../images/top_black.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:#fff;
	background:transparent;
	text-decoration:none;
	/*font-weight:normal;*/
}
#menu a:hover {
	color:#f00;
	background:transparent;
	/*text-decoration:none;*/
	/*font-weight:bold;*/
}
#menu .new {
	color:#faecbb;
	/*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:absolute;
	left:192px; /* tempo voir jquery */
	top:145px;
	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;
	left:192px; /* tempo voir jquery */
	top:145px;
	bottom:30px;
	/*right:5px;*/
	right:0;
	color:#aaa;
	padding:0.5em 0.5em 0.5em 110px;
	overflow-y:auto;
	overflow-x:hidden;
	/*z-index:0;*/ /* IMPORTANT avec FLEXSCROLL */
}
#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:#000 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);*/
	background:url(../images/bg50.png);
	background:rgba(0,0,0,0.5);
	margin:0.4em 0;
	padding:0.4em;
	/*border:solid 1px #000;*/
	overflow:hidden;
}
#article .cadre:hover{
	/*background:#000;*/
	background:url(../images/bg75.png);
	background:rgba(0,0,0,0.75);
	/*border:solid 1px #000;*/
}
#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:absolute;
	left:0;
	bottom:5px;
	right:0;
	/*width:100%;*/
	/*height:auto;*/
	font-size:1em;
	text-align:center;
	white-space:nowrap;
	/*z-index:1;*/
}
#footer .sepa{
	color:#f00;
}
#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 #000;*/
	padding:1px;
}
#footer a.ibiblio:hover {
	color:#c00;
	background:transparent;
	text-decoration:underline;
}

/***** 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:absolute;
	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 */
}
#corner_tr {
	display:block;
	position:absolute;
	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 */
}
#corner_bl {
	display:block;
	position:absolute;
	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:absolute;
	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 */
}