/* Tous droits réservés © 2009+ | http://www.RenePaul.net */

body{
	/* width:100%;
	height:100%;
	max-height:100%;
	background:#000 url(monimage.jpg) center center no-repeat fixed; */
	background:#000; /* voir jquery */
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	/*overflow:hidden;*/
}

/***** CONTENEUR *****/
#conteneur{
	display:block;
	position:absolute;
	left:50%; /* voir jquery centrage */
	top:0; /* voir jquery centrage */
	width:1000px; /* >1004px scrollbar horizontale */
	height:760px; /* >762px (6px pour la barre top de Firefox), scrollbar verticale */
	margin-left:-500px; /* moitié de la largeur, voir jquery centrage */
	margin-top:0; /* -380px moitié de la hauteur, voir jquery centrage */
	/* border:solid 1px #fff; */
	overflow:hidden;
}

/***** HEADER *****/
#header{
	display:block;
	position:absolute;
	left:0;
	top:5px;
	width:auto;
	height:auto;
	background:url(../images/white50.png); /* IE */
	background:rgba(255,255,255,0.5);
	white-space:nowrap;
}
#titre .blueHeader{color:#000080;font-size:1.3em;font-weight:bold}
#titre .blackHeader{color:#000;font-size:.8em}
#menu{font-size:1em;font-weight:bold}
#menu ul a{color:#800000;padding:0 2px}
#menu ul a:hover,#menu ul a.nolink:hover{color:#fff;background:#a00 url(../images/top_red.png) repeat-x}
#menu ul ul{background:#fff;border:solid 1px #000;padding:2px}
#menu ul ul a{color:#000;font-size:.8em;font-weight:normal}
#menu ul ul a:hover,#menu ul ul a.nolink:hover{color:#fff;background:#000}
#menu a.nolink{color:#555;cursor:default}
#menu ul ul a.nolink{color:#aaa;cursor:default}
#menu ul ul a.nolink:hover{color:#fff;background:#aaa}

/***** POPUP *****/
#popupoff{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:150px;
	height:75px;
	/* border:solid 1px #f00; */
}

/***** BOUTONS *****/
#boutons{
	display:block;
	position:absolute;
	right:0;
	top:5px;
	width:auto;
	height:auto;
	background:#800000 url(../images/top_red.png) repeat-x;
	/* border:solid 1px #000; */
	white-space:nowrap;
}
#boutons span{
	float:left;
	width:22px;
	height:22px;
	line-height:20px;
	font-size:.8em;
	text-align:center;
	font-weight:bold;
	cursor:default;
	overflow:hidden;
}
#boutons span:hover{background:#a00 url(../images/top_red.png) repeat-x}
#boutons a{
	display:block; /* a prend la largeur du span */
	color:#fff;
	line-height:22px;
}
#boutons #diapo1{
	cursor:pointer;
}

/***** NIVEAU-LANGUE *****/
/* #classement,#niveau,#langue{ */
.context{
	display:none;
	position:absolute;
	/* right:0; voir jquery */
	top:23px;
	width:auto;
	height:auto;
	background:#fff;
	color:#000;
	border:solid 1px #000;
	text-align:left;
	font-size:.8em;
	cursor:pointer;
	padding:2px;
	z-index:1;
}
.context li:hover{
	background:#000;
	color:#fff;
}
.context li.nolink{color:#aaa;cursor:default}
.context li.nolink:hover{color:#fff;background:#aaa}

/***** PLAYER *****/
#player{
	display:block;
	position:absolute;
	right:0;
	top:40px;
	/* width:120px; IMPORTANT auto amème un bug si pas float left */
	width:auto;
	height:auto;
	background:url(../images/white50.png); /* IE */
	background:rgba(255,255,255,0.5);
	/* border:solid 1px #000; */
	white-space:nowrap;
	letter-spacing:-5px; /* enlève les espaces entre chaque img sans avoir recours à float:left */
	/* z-index:1; */
}
#player img{float:left}
#player img{cursor:pointer;vertical-align:top} /* par défaut baseline ce qui laisse un espace sous l'image */
#player img:hover{background:#a00 url(../images/top_red.png) repeat-x}
#dewplayer{
	display:block;
	position:absolute;
	right:0;
	top:65px;
	width:1px; /*240px*/
	height:1px; /*20px*/
	/* z-index:1; */
}

/***** DOCUMENTS (colonnes) *****/
#document1{left:0}
#document2{} /* voir jquery */
#document3{} /* voir jquery */
.doc{
	display:block;
	position:absolute;
	/* left:5px; */
	top:122px;
	width:auto;
	height:auto;
	background:url(../images/black50.png); /* IE */
	background:rgba(0,0,0,0.5);
	/* border:solid 1px #000; */
	color:#fff;
	line-height:35px;
	/* letter-spacing:-1px; */
	text-align:center;
	white-space:nowrap;
	padding:5px;
	font-size:1.4em;
	overflow:hidden;
}
.doc:hover{
	background:url(../images/black75.png); /* IE */
	background:rgba(0,0,0,0.75);
}
.doc a{
	display:block; /* a prend la largeur de li */
	color:#fff;
}
.doc a:hover{color:#a00}
.doc a.doctitre{color:#ffa;font-size:.8em}
.doc a.doctitre.nolink{color:#dda}
.doc a.doctitre:hover{color:#a00}
.doc a.doctitre.nolink:hover{color:#dda}

/***** FOOTER *****/
#footer{
	display:block;
	position:absolute;
	left:0;
	bottom:5px;
	width:auto; /* IMPORTANT: voir jquery sinon bug sous IE */
	height:auto;
	background:url(../images/white50.png); /* IE */
	background:rgba(255,255,255,0.5);
	/* border:solid 1px #000; */
	white-space:nowrap;
	font-size:1em;
	font-weight:bold;
}
#footer td{margin:0;padding:0}
#footer a{
	display:block; /* a prend la largeur de td */
	color:#000080;
	padding:0 2px;
}
#footer a:hover{color:#fff;background:#a00 url(../images/top_red.png) repeat-x}
#footer .footer1{background:#800000 url(../images/top_red.png) repeat-x}
#footer .footer1 a{color:#fff}

/***** LOGOS *****/
#img1{
	/* logo */
	display:block;
	position:absolute;
	right:0;
	bottom:5px;	
	z-index:1;
}
#img2{
	/* signature */
	display:block;
	position:absolute;
	right:15px;
	bottom:5px;
	z-index:1;
}

/***** TABLES et contour 3D *****/
table{
    width:100%;
	height:100%;
	text-align:center;
	padding:0; /* équivalent de cellpadding en html */
	/* border-spacing:0; équivalent de cellspacing en html mais pas supporté par IE6 */
}
#boutons span,#player img,table td,#nav li{
	/* contour 3D */
	/* outset n'est pas compatible avec FF */
    border-left:solid 1px #fff;
	border-top:solid 1px #fff;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
}
#menu table td,#nav li li{border:none}

/***** DIVERS *****/
*{outline:0}
.clearfloat{
	clear:both;
	height:0;
	line-height:0; 
	visibility:hidden;
}
#header:hover,#player:hover,#footer:hover{
	background:url(../images/white75.png); /* IE */
	background:rgba(255,255,255,0.75);
}

/***** LISTES GÉNÉRALES *****/
ul{margin:0;padding:0}
li{list-style:none}

/***** LIENS GÉNÉRAUX *****/
a{text-decoration:none}
a img{border:none}
a.nolink{
	color:#aaa;
	cursor:default;
}
a.nolink:hover{color:#aaa}

/***** POPUP *****/
.section1{color:#000;padding:2px 0}
.section1 a{color:#000;text-decoration:underline}
.section1 a:hover{background:#000;color:#fff;text-decoration:none}
.section{background:#000 url(../images/top_black.png) repeat-x;color:#fff;cursor:pointer;padding:1px}
.section:hover{background:#a00 url(../images/top_red.png) repeat-x;color:#fff}
.cadre{color:#000;margin:2px 5px;padding:5px;border:solid 1px #ddd}
.cadre:hover{background:#eee;border:solid 1px #ddd}
.cadre a{color:#000;text-decoration:underline}
.cadre a:hover{background:#000;color:#fff;text-decoration:none}