/* CSS Document */

body { margin:auto; background-color:white; margin:5px;
font-family:Arial, Helvetica, sans-serif }

#fond_haut { background:url(images/bg.png) no-repeat top left; height:1024px; }
#menu {
	position:absolute;
	left:23px;
	top:210px;
	width:167px;
	height:191px;
	z-index:1;
	background:url(images/corners_menu.png) left no-repeat #1E78c4;
	padding:3px;
}

#menu h1 {
color:#7FC3F4;
font-size:20px;
text-align:center;

}

#Layer2 {
	padding:5px;
	position:absolute;
	left:298px;
	top:208px;
	width:654px;
	height:761px;
	z-index:2;
	background:white;
	border:1px silver solid;
	overflow:auto
}

#Layer1 {
	position:absolute;
	left:292px;
	top:989px;
	width:401px;
	height:23px;
	z-index:3;
	text-align:center
}

/* STYLES BALISES */
a:hover { color:#CAE3FF; text-decoration:none }
a:visited { color:blue; }
a img {border:0px;}
 TOOLTIPS
a.tooltip0 em, a.tooltip1 em {display:none;}
a.tooltip1 img { vertical-align:middle}
a.tooltip1:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip0:hover em {font-style: normal; display:block; position:absolute; padding:5px; width:450px;}
a.tooltip1:hover em {font-style: normal; display:block; position:absolute; padding:5px; width:300px;}
a.tooltip1:hover em {top:20px; left:-10px; color:#000; border:1px solid #2666c3; background:#F4F8FD;}
a.tooltip1:hover em span {top: -7px; left: 15px;height:7px; width:10px; background: transparent url(images/infobulletop.png);}
.install span:before { content:url(images/install.png); }
/* STYLES SPECIAUX */
#copyrights { text-align:center; color:#666666 }
.info:before { content:url(./images/info.png); vertical-align:top}
.fond_bouton { background:url(bouton.png); border:1px black solid; color:white; margin:2px; font-weight:bold }
.fond_bouton:focus { background:url(bouton.png); border:1px black solid; color:white; margin:2px; font-weight:bold }
.fond_tableau:hover { background:#D9ECFF;}
.load:before { content:url(./images/load.gif); vertical-align:middle }
.delete span:before { content:url(images/delete.png); }

/*STYLES COMMENTAIRES*/
.commentaire { width:80%; border:1px dashed silver; vertical-align:top; padding:2px; text-align:left; padding-bottom:11px; background:#D9F7FF}
.titre_commentaire { background:#EAEAEA; display:block; text-align:center }
.titre_commentaire:hover { background:silver }
.infos_commentaire { font-style:italic; font-size:9px; float:right; }

/*DESIGN ADMINISTRATION*/
.erreur_critique { font-weight:bold; color:red; }
.erreur_critique:before { content:url("./images/erreur_critique.png"); }
.valide { font-weight:bold; color:green; }
.valide:before { content:url("./images/valide.png"); }
.warning { font-weight:bold; color:#FF9900}
.warning:before { content:url("./images/warning.png"); }
.form_admin { border:dashed 1px #000000; padding:10px; background:#B0DEFF; width:300px;
margin-bottom:10px; }
#menu_admin {
	float:left;
	margin-right:20px;
	background-color:#D9E8FF;
	padding:10px;
	width:200px;
	margin-left: 10px;
	border:1px black dashed;
}
#menu_admin ul { list-style-image:url(./images/fleche_grise.png) }

#contenu_admin {
	float:right;
	width: 65%;
	margin-right: 25px;
	border:1px dashed silver;
	padding:10px;
	background:#EAF5FD;
	margin-bottom:10px;
}

/*CODE*/
.php { width:550px;
height:120px;
overflow:auto;
background:#FFFFCC;
text-align:left }
.php .condition { color:#33CC00; }
.php .string { color:#FF0000; }
.php .fonction { color:#0099FF; }
.php .tags { color:#FF0000; font-weight:bold }
.php .commentaire { color:#FF9900; }