/* CSS Document */

html, body
	{
	background-color:#000000;
	color:#c0ef61;
	font-family:Calibri;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:0;
	}
#decoleft
{	width:10%; background-image:url(../../images/Eternity/bottomleft.png); background-position:center bottom; background-repeat:no-repeat;}
#decoright
{	width:10%; background-color: transparent;}


#grandtable{
	background-image:url(../../images/Eternity/fondsite.png); background-position:top left; background-repeat:repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0px solid transparent;
	width:100%;}	

a	{	color:#fae931; text-decoration:none;}
a:hover	{	color:#c0ef61;	text-decoration:underline;}
a:visited{	color:#fae931;	text-decoration:none;}

table{
	background-color:transparent;
	border: 1px solid #333333;
	}
.tablegen{
	width:100%;
	background-color:transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid transparent;
	}
	
#tableheader{
	width:100%;
	background-color:transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid transparent;
	}
a.tableheader{ text-decoration:none;}

table.donnees{background-color:transparent;border: 1px solid #c0ef61; width:97%;}
td.donnees{background-color:#333333;border: 1px solid #687724;}

select{ background-color:#000000; color:#c0ef61;  border: 1px solid #333333;}
input{ background-color:#333333; color:#FFFFFF;}

.commentaires{width:80%; border-color:#333333; margin:5px 5px 5px 5px; padding:5px 5px 5px 5px; text-align:left;}
.bandeau1{background-image:url(fondTR2.png); width:183px; height:10px; background-position:center bottom; background-repeat:no-repeat;}
.bandeau2{background-image:url(fondTR3.png); width:183px; height:8px; background-position:center top; background-repeat:no-repeat;}

#menuhaut
	{
	float:left;
	width: 100%;
	height: 25px;
	background-color:transparent;
	text-align:right;
	}
	
	
#header1 
	{
	width:200px;
	height:200px;
	margin : 0 0 0 0;
	background-image:url(../../images/Eternity/header1-2.png);
	background-position:left;
	background-repeat:no-repeat;
	}
#header2 
	{
	width:400px;
	height:200px;
	margin : 0 0 0 0;
	background-image:url(../../images/Eternity/header2.png);
	background-position:center;
	background-repeat:no-repeat;
	}
#header3 
	{
	width:200px;
	height:200px;
	margin : 0 0 0 0;
	background-image:url(../../images/Eternity/header3-2.png);
	background-position:right;
	background-repeat:no-repeat;
	}
#transition1{ background-image:url(../../images/fondsitepx.png); background-repeat:repeat; background-position:left;}
#transition2{ background-image:url(../../images/fondsitepx.png); background-repeat:repeat; background-position:right;}
	
.conteneur { 
	width: 98%;
	background-color:transparent;
	border: 0px solid #333333;
	padding: 2px 2px 2px 2px;
	}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 2em; /* 2 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: Calibri;
text-transform:uppercase;
color: #ffffff;
border: 0px solid #333333; /* définition d'une bordure autour de la lettrine*/
background-color: transparent; 
margin: 0px;
padding: 1px;
line-height: 1em;
}

.normal{background-image:url(../../images/Eternity/normal.gif); background-position:left; background-repeat:no-repeat;}
.erreur{background-image:url(../../images/Old/erreur.gif); background-position:left; background-repeat:no-repeat;}
.attention{background-image:url(../../images/Old/attention.gif); background-position:left; background-repeat:no-repeat;}
.question{background-image:url(../../images/Old/questionx30.gif); background-position:left; background-repeat:no-repeat;}

#logbox{width:198px; height:200px; text-align:center;}
#tablemenu{ background-image:url(../../images/Eternity/menu-fond.png); background-position:right top; background-repeat:no-repeat; border-left:1px solid #333333;}
#tablecontenu{ background-image:url(../../images/Eternity/contenu-fond.png); background-position:left top; background-repeat:repeat-x; border-right:1px solid #333333;}

.titre{ float:left; font-size:18px; padding: 5px 20px 5px 30px; background-color:#333333; color:#ffffff; text-align:left;}

.writeby{ float:right; background-color:#333333; font-size:12px; padding: 5px 5px 5px 5px; color:#666666;}

.news { width:97%; background-color:transparent; border:1px solid #333333;}

.uptime { width:50%; background-color:transparent; border:1px solid #333333;}
#footer{ width:100%; background-image:url(../../images/Eternity/footer.jpg); background-position:left bottom; background-repeat:repeat-x; font-size:12px; color:#c0ef61; border:0px solid transparent; border-left:1px solid #333333; border-right:1px solid #333333;}
.erreurpage{margin:5px 0 0 5px;padding:5px 15px 15px 15px;background-color:#000000;color:#c0ef61;font-family:Calibri;background-image:url(../../images/Eternity/contenu-fond.png); background-position:left top;}

/* Parie Menu */
dl#menu {width: 190px;}

dl#menu a {text-decoration: none; color:#ffffff}
dl#menu ul {padding: 0; width: 190px; margin:0px; background-image:url(fondTR.png); background-repeat:repeat;}

dl#menu li:hover,
dl#menu li.sousmenu:hover {background: #687724;}

dl#menu li.sousmenu { background-image:url(fleche.gif); background-position:right;  background-repeat:no-repeat;}

dl#menu ul li {position:relative; list-style: none;}
dl#menu ul ul {position: absolute; top: 0px; left: 190px; display:none}

#menu dd ul li a { text-decoration: none; padding: 4px 4px 4px 4px; display:block; border: 1px solid transparent; width:178px}
#menu dd ul li.sousmenu:hover ul.niveau1, #menu dd ul li.sousmenu:hover ul.niveau2, 
#menu dd ul li.sousmenu:hover ul.niveau3 {display:block;}

dl#menu dd ul li a:hover, 
dl#menu dd ul li a:hover, 
dl#menu dd ul ul li a:hover {border: 1px solid transparent;}

dl, dt, dd {font-size:14px; margin: 0; padding: 0;  color:#FFFFFF;}

#menu dt {cursor: pointer; margin: 2px 0; height: 26px; line-height: 25px; text-align: center; border: 1px solid #506200; background: #233213; color:#FFFFFF; }
#menu dd {border: 1px solid transparent; }

#menu dt a { color: #ffffff; text-decoration: none; display: block; border: 0 none; height: 100%; }

#menu dt:hover { background: #506200; border: 1px solid #233213; }

div.centre_page {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 400px;
	margin-left: -250px; /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top: -200px; /* Cette valeur doit être la moitié négative de la valeur du height */
}