/*
eportfolio
Copyright (C) 2004-2012 - Loic BARREAU
ENFA - SIME
loic.barreau@enfa.fr

Ce programme gère le portfolio pédagogique d'etudiants
Il permet aux étudiants de s'auto-évaluer (ou se positionner)
sur les compétences configurées, et aux évaluateurs d'évaluer
les compétences de leurs étudiants.
Les étudiants peuvent également déposer des fichiers numériques
(upload) attendus par leurs évaluateurs, afin que ceci puissent
réaliser leurs évaluations.
Etudiants et évaluateurs peuvent échanger par l'intermédiaire
de forums personnels propres à chaque feuillet du portfolio
et à chaque étudiant.

Une version de démonstrationet des documents de présentation
sont disponible à l'adresse :
http://www.enfa.fr/portfolio/
*/
.principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #FFFFFF;
}

.principal a:link {
	color: #555555;
	text-decoration: none;
}
.principal a:visited {
	color: #555555;
	text-decoration: none;
}
.principal a:hover {
	background-color: #FFFFFF;
	}
.principal a:active {
	color: #000000;
	text-decoration: none;
}

.stag_list a:link {
	color: #000000;
	text-decoration: none;
}
.stag_list a:visited {
	color: #000000;
	text-decoration: none;
}
.stag_list a:hover {
	background-color: #FFFFFF;
	}
.stag_list a:active {
	color: #999999;
	text-decoration: none;
}

.fiche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	background-color: #D1E7D2;
}

.menu_left a:hover {
	background-color: #D1E7D2;
	}

div.menu_entete {
	border: 1px solid #999999;
	background-color: #FDF4E3;
	color: #555555;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	margin-top:10px;
}

div.titre_accueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18;
	font-weight : bold;
        color: #000000;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.menu_left {
	border-spacing : 10px;
	border: 1px solid #666666;
}

td.menu_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: blue;
	background-color: #FFFFFF;
	empty-cells: show;
	border: 1px inset #808080;
}

div.password {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #000000;
        background-color: #FFFFFF;
	text-align:right;
}

div.titre_fiche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
	font-weight : bold;
        color: black;
	text-align:center;
}

td.bandeau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	color: Black;
	background-color: #D1E7D2;
	empty-cells: show;
}

td.bandeau a:link {
	color: #999999;
	background-color: #D1E7D2;
}
td.bandeau a:visited {
	color: green;
	background-color: #D1E7D2;
}
td.bandeau a:hover {
	color: #999999;
	background-color: #FFFFFF;
	}
td.bandeau a:active {
	color:black;
        background-color: #D1E7D2;
}

table.competence {
	border-spacing: 0px;
	empty-cells: show;
	background-color: #D1E7D2;
	border-collapse: collapse;
	border: 1px solid #999999;
}
td.domaine_competence {
	background-color: #D1E7D2;
	border:0 solid;
	color:#333333;
	empty-cells:show;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

td.separ_domaine
{
	background-color: #CCDDCC;
	border-color:#999999;
	border-style:solid;
	border-width:1px 0;
	font-size:4px;
}

td.competence {
	border-collapse:collapse;
	border-color:#999999;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	empty-cells: show;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

tr.competence_paire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #BBDDBB;
	border-collapse:collapse;
	border-color:#999999;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	empty-cells: show;
}

td.competence_h1 {
	background-color:#D1E7D2;
	border-collapse:collapse;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	color:black;
	empty-cells:show;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

td.competence_h2 {
	background-color: #D1E7D2;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12pt; font-weight : bold;
	text-align:center;
        color: #000000;
	border-collapse: collapse;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	empty-cells: show;
}

.competence a:link {
	color: #999999;
	text-decoration: none;
}
.competence a:visited {
	color: #999999;
	text-decoration: none;
}
.competence a:hover {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}
.competence a:active {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}

div.prod_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt; font-weight : bold;
        color: #000000;
        background-color: #D1E7D2;
	text-align:left;
}

div.signalement_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt; font-weight : bold;
        color: #000000;
        background-color: #D1E7D2;
	text-align:center;
}

div.prod_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #000000;
        background-color: #D1E7D2;
	text-align:left;
}

.signalement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #000000;
        background-color: #D1E7D2;
	text-align:center;
}

td.signalement_h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12pt;font-weight : bold;
        color: #000000;
        background-color: #D1E7D2;
	text-align:center;
	border-collapse: collapse;
	border: 0px solid #999999;
}

td.signalement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11pt;
        color: #000000;
        background-color: #D1E7D2;
	text-align:left;
	border-collapse: collapse;
	border: 0px solid #999999;
}

td.prod_h {
	background-color:#D1E7D2;
	border:1px solid #999999;
	border-collapse:collapse;
	color:black;
	empty-cells:show;
	font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size: 12pt; font-weight : bold;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}

.prod a:link {
	color: #999999;
	text-decoration: none;
}
.prod a:visited {
	color: #999999;
	text-decoration: none;
}
.prod a:hover {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}
.prod a:active {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}

table.prod {
	border-spacing: 0px;
/*	empty-cells: show; */
/*	margin-left: auto; */
	margin-right: auto;
/*	float:left; */
}

td.prod {
	background-color: #D1E7D2;
	border:1px solid #999999;
	border-collapse:collapse;
	color:black;
	empty-cells:show;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

td.prod_date {
	background-color: #D1E7D2;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
	text-align:center;
        color: #000000;
	border-collapse: collapse;
	border: 1px solid #999999;
	empty-cells: show;
}

.prod_info a:link {
	color: #999999;
	text-decoration: none;
}
.prod_info a:visited {
	color: #999999;
	text-decoration: none;
}
.prod_info a:hover {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}
.prod_info a:active {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}

.commentaire {
	background-color: #D1E7D2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt; font-weight:bold;
	text-align:center;
	color: #333333;
}
table.commentaire {
	        background-color: #FDF4E3;
	        font-family: Verdana, Arial, Helvetica, sans-serif;
	        font-size: 9pt; font-weight:normal;
	        text-align:left;
	        color: #000000;
	        border-collapse: collapse;
	        border: 1px solid #999999;
}
.commentaire_title {
	background-color:#D1E7D2;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
}
.commentaire_titre {
	background-color: #FDF4E3;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt; font-weight:bold;
	text-align:left;
	color: #000000;
	border-collapse: collapse;
	border: 0px solid #999999;
}
.commentaire_infos {
	background-color: #FDF4E3;
	color: #000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-align:left;
}
td.commentaire {
	background-color: #F0F8FF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt; font-weight:normal;
	text-align:left;
        color: #000000;
	border-collapse: collapse;
	border: 0px solid #999999;
}

.commentaire a:link {
	color: #999999;
	text-decoration: none;
}
.commentaire a:visited {
	color: #999999;
	text-decoration: none;
}
.commentaire a:hover {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}
.commentaire a:active {
	color: black;
	text-decoration: none;
	background-color: #D1E7D2;
}

a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
	background-color: white;
}
a:active {
	color: #999999;
	text-decoration: none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #FFFFFF;
}

.popup {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
	text-align:center;
        color: #000000;
        background-color: #D1E7D2;
}
.alert {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
	text-align:center;
        color: #FF0000;
        background-color: #D1E7D2;
}

.menufiche_admin {
/* background-color: blue; */
/* height: 100px; */
margin-top: 60px;
margin-left: 120px;
width: 100px;
float: left;
}
.fiche_admin {
/* background-color: green; */
/* height: 500px; */
 width: 700px;
float: left;
margin-left: 240px;
position: absolute;

}

/* CSS sp�cifique au Menu Javascript */
A:hover.ejsmenu {
        color:#FF0000;
        text-decoration:none;
	background-color: #B6B6B6;
}

A:link.ejsmenu {
        color:#FFFFFF;
        text-decoration:none;
}

A:visited.ejsmenu {
        color:#FFFFFF;
        text-decoration:none;
}


/* CSS affichage commentaires */

	/* Ce style CSS ne dois pas �tre enlev�, sinon les divs ne se cacherons pas ... */
.cachediv {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
}

.evaldiv
	{
	background:#CC3300;
	border:1px dashed;
	padding-left:10px;
	width:300px;
	font-size:8pt;
	color:#CCCCCC
	}

.evaldiv_bouton
	{
	background:#EEEEEE;
	border:1px solid #000;
	font-size:8pt;
	color:#DD0000
	}

/* Tableau avec beaucoup de colonnes (ex : import users) */
.bigtab table {
  font-size: 11px;
  font-weight: normal;
  font-family: arial,sans-serif;
  color: #636466;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #d2d2d2;
}
.bigtab td, .bigtab th {
  font-size: 11px;
    font-weight: normal;
  border-left: 1px solid #d2d2d2;
}
.bigtab thead {
  background-color: #d0d0d0;
  font-weight: bold;
  text-align: center;
  background-repeat: repeat-x;
  background-position: top;
  border-bottom: 1px solid #929292;
}
.bigtab tbody tr {
  background-color: #eef0f1 ;
}
.bigtab tbody tr.pair{
  background-color: #fafafa;
}