/* --------------------------------- */
/* FEUILLE DE STYLE - UFO ENSEIGNANT */
/* --------------------------------- */

.commentaire {
  background-color: #FCFAE1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #002F2F;
  font-size: 11px;  
  /* border: solid 1px #CCCCCC;*/
}

.messageVert {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: green;
  font-weight: bold;
  font-size: 12px;  
}
.messageInfo {
  background-color: #FCFAE1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: green;
  font-weight: bold;
  font-size: 12px;  
}
.messageErreur {
  background-color: #FCFAE1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: red;
  font-weight: bold;
  font-size: 12px;  
}

.infoAccuse {
  font-family: helvetica, sans-serif, Times, Verdana;
  color: #0000FF;
  font-weight: bold;
  font-size: 12px;
}

.infoAccuse2 {
  font-family: helvetica, sans-serif, Times, Verdana;
  color: #000000;
  font-weight: normal;
  font-size: 12px;
}

.info {
  font-family: helvetica, sans-serif, Times, Verdana;
  color: #000000;
  font-weight: normal;
  font-size: 10px;
}
.infoAffProPair {
  background-color: #FFFFBB;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #002F2F;
  font-size: 12px;
}
.infoAffProImpair {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #002F2F;
  font-size: 12px; 
}
.infoAffBg1 {
  background-color: #F0F0FF; /* bleu clair */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #002F2F;
  font-size: 12px;
}
.infoAffBg2 {
  background-color: #CCCCFF; /* bleu foncé */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #002F2F;
  font-size: 12px; 
}
.infoAffBgWhite {
  background-color: #FFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #002F2F;
  font-size: 12px; 
}
.titre {
  background-color: #DDDDFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #0000FF;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  border-bottom: solid 1px #0000FF;
}

.delim {
  background-color: white;
  font-size: 1px;
  border-bottom: solid 4px red;
}

.titreSB {
  background-color: #DDDDFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #0000FF;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

.titreSB2 {
  background-color: #DDDDFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #0000FF;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.titre2 {
  background-color: #EEEEFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #0000FF;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  border-bottom: solid 1px #0000FF;
}

.element {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  border-bottom: solid 1px #0000FF;
}

.elementSB {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
}

.intitule {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  border-bottom: solid 1px #0000FF;
}

.intituleSB {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
}

.bandeau { font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; background-color: #6666FF }
.bandeau2 { font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 10px; background-color: #6666FF }
.asection { font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; background-color: #6666FF }

.petit {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}

/* Elargit l'élément pour atteindre la largeur de la colonne qui le contient */
.fitColumn{
	box-sizing: border-box;
    width: 100%;
}

/* Menu gestionnaire */
.menuActif {
  background-color: #003399;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px #FFFFFF;
}

.menuInactif {
  background-color: #6666FF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;}

.menuInactif a { color: #FFFFFF; }

/* Onglets */
.ongletActif {
  background-color: #003399;
  color: #FFFFFF;
  text-align: center;
  width: 150px;
}

.ongletInactif {
  background-color: #D9D9FF;
  text-align: center;
  width: 150px;
}
.ongletInactif a { color: #003399; }

.ongletActifPrecision {
  background-color: #003399;
  color: #FFFFFF;
  text-align: left;
}

.ongletActifdroite {
  background-color: #003399;
  color: #FFFFFF;
  text-align: right;
}

/* Liste d'enregistrements */
.pair { 
	background-color: #F0F2FF;  
}
.impair {}

.pagination{
  background-color : #CCCCCC;
  text-align: left;
}

.piedpage {
  background-color: #000099;
  text-align: center;
  color: #FFFFFF;
  vertical-align: middle;
}

.cellule { font-family: Arial, Helvetica, sans-serif; font-size: 10pt }

/* Courrier */
.infoMessages {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000099;
  background-color: #CCCCFF
}
.infoListeMessages {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000099;  
}

.infoMessagesBlc {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000099;
}

.sousMenuCourrier {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  background-color: #6666FF;
}

.texte11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#32331D}
.texte11Bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#32331D; font-weight: bold}

.texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.texteSimple { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal }
.texteSouligne { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: normal }
.texteBold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold }
.texteBoldSouligne { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline }

/* Eléments de formulaire */
.selection td {
  font-family : Verdana;
  font-size : 11px;
}

/* Menu services */
.service {
  font-family : Arial, Verdana;
  font-size : 13px;
}

.titreService {
  font-family: Arial, Helvetica, sans-serif;
  background-color : #CCCCFF;
  font-weight: bold;
  font-size : 10pt;
  text-align: center;
}

.corpsService {
  font-family: Arial, Helvetica, sans-serif;
  font-size : 10pt;
}

.selectpetit {
  font-family : Tahoma, sans-serif;
  font-size : 8pt;
}


.titreMaj {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #000099;
  letter-spacing: 3px;
  padding: 5px;
}

.ongletactifHESiapEpp{
  font-size: 10pt;
  border: solid 1px #000099;
  background-color: #7374FF;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  width: 105px;
}

.ongletinactifHESiapEpp{
  font-size: 10pt;
  background-color: #FFFFFF;
  border: solid 1px #000099;
  text-align: center;
  padding: 2px;
  width: 105px;
}

.ongletinactifHESiapEpp a {
  background-color: #FFFFFF;
  border: solid 0px #000099;
  font-weight: bold;
  color: #000099;
  text-decoration: none;
  padding: 2px;
}

.ongletactifHEMvtSpe{
  border: solid 1px #000099;
  background-color: #000099;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px;
  width: 185px;
}

.ongletactifHEMvtSpeImage{
  border: solid 1px #000099;
  background-color: #000099;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px;
}

.ongletactifHEMvtSpeBarre{
  border: solid 0px #000099;
  background-color: #000099;
  color: #FFFFFF;
  font-size: 1pt;
  font-weight: bold;
  padding: 0px;
}

.ongletinactifHEMvtSpe{
  border: solid 1px #000099;
  background-color: #CCCCFF;
  color: #000099;
  font-size: 10pt;
  text-align: center;
  padding: 2px;
  width: 185px;
}

.ongletinactifHEMvtSpe a {
  border: solid 0px #000099;
  background-color: #CCCCFF;
  color: #000099;
  font-size: 10pt;
  text-align: center;
  padding: 2px;
}

.bouton { width: 80px; font-size: 8pt; }

.boutonSimple { font-size: 8pt; }

.piedbouton {
  padding: 5px;
  background-color: #000099;
  text-align: center;
}

.pairRequete { background-color: #E8E8FF; }

.impairRequete { background-color: #FFFFFF; }

.entete {
  background-color: #000099;
  color:#FFFFFF;
  text-align: center;
}

.enteteLight {
  background-color: #3333AA;
  color:#FFFFFF;
  text-align: center;
}

.encadre {
  border-style:solid; 
  border-color:#6666FF;
  border-width:1px
}

.libellecadre {
  background-color:#6666FF; 
  font-weight:bold;
  color:white;
  text-align:center;
  vertical-align: middle
}

.attente
{
	color: white;
	background: black;
	font-weight: bold;
	border: solid 1px #000;
	text-align: center;
	padding: 4px;
}

/* --------------------------------- */
/* SECTION SIAP EPP */
/* --------------------------------- */
.la_fontDefaut
{
	color: black;
	font-weight: normal;
  font-family: Times, helvetica, sans-serif, Verdana;
  font-size: 12px;
  vertical-align: top;
}

.la_fontGras
{
	color: black;
	font-weight: bold;
  font-family: Times, helvetica, sans-serif, Verdana;
  font-size: 12px;
  vertical-align: top;
}

.la_footerFont
{
	color: black;
	font-weight: normal;
  font-family: Times, helvetica, sans-serif, Verdana;
  font-size: 10px;
  vertical-align: top;
}

.la_titre
{
	color: black;
	font-weight: bold;
  font-family: Times, helvetica, sans-serif, Verdana;
  font-size: 14px;
  vertical-align: middle;
}

/* special zone affichage sur passage souris */
a.formatSpan {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.formatSpan span {
	display: none;
}
a.formatSpan:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.formatSpan:hover span {
	display: inline;
	position: absolute;
	top: 1.5em;
	left: -1.0em;
	background: #EEEEFF;
	text-align: left;
	color: black;
	padding: 2px;
	border:1px solid #000;
	width:300px; 
  font-size: 10px;
}
	
/* special zone affichage large sur passage souris */
a.formatSpanL {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.formatSpanL span {
	display: none;
}
a.formatSpanL:hover {
	background: none; /* correction d'un bug IE */
	z-index: 400;
}
a.formatSpanL:hover span {
	display: inline;
	position: absolute;
	top: 2.0em;
	left: -2.0em;
	background: #EEEEFF;
	text-align: left;
	color: black;
	padding: 2px;
	border:1px solid #000;
	width:500px; 
  font-size: 12px;
}


/* pour ouverture sous information sur passage de sourie */
/* span large */
a.spanGene {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px green dotted;
}
a.spanGene span {
display: none;
}
a.spanGene:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.spanGene:hover span {
display: inline;
position: absolute;
top: 1.5em;
left: -1.5em;
background: #EEFFEE;
text-align: left;
color: black;
padding: 2px;
border:1px solid #000;
width:400px; 
}

/* pour ouverture sous information sur passage de sourie */
/* span large */
a.spanErreur {
position: relative;
text-decoration: none;
color: black;
}
a.spanErreur span {
display: none;
}
a.spanErreur:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.spanErreur:hover span {
display: inline;
position: absolute;
top: 1.5em;
left: -1.5em;
background: #EEFFEE;
text-align: left;
color: black;
padding: 2px;
border:1px solid #000;
width:250px; 
}
	
/* --------------------- */	

/* limitation avis litteraux - motivation */
.compteurAvisLitteraux {
	margin-bottom: 3px;
	margin-top: 3px;
}
/* --------------------- */