/* Styles pour le rendu des pages HTML destin�es � l'affichage sur �cran. */

/* === Modificateurs === */

/* Cacher un �l�ment */
.hidden {
  display:none;
}

/* Messages d'erreur, information critique. */
.critique, .messageErreur {
    font-weight: bold;
    font-size: 120%;
    color: #FF0000;
}

/* Messages d'avertissement */
.attention, .messageAvertissement{
    font-weight: bold;
    font-size: 120%;
    color: #DC6400;
}

/* Messages d'information */
.messageInfo {
    font-style: italic;
    font-size: 110%;
    color: #646464;
}

/* Messages OK. */
.messageOk {
    font-weight: bold;
    font-size: 120%;
    color: #509000;
}

/*==========================*/
/*===== positionnement =====*/
/*==========================*/
#container {
    overflow: auto;
}

#dEntete {
  background-repeat: repeat-x;
  background-image: url(../images/backgroundNavBarre.png);
  color: white;  
  top: 0;
  width: 100%;
}
#dEntete #dTitre{
  height: 65px;
}
#dEntete #dNavigationBarre{
  height: 15px;
}
div#dContenu {
  margin: 20px 2px 0 0;
  padding-left: 5px; 
  padding-right: 5px;
}
#dMenu {
  position: absolute;
  top: 110px;
  left: 0;
  width: 195px;
}
/*==============================*/
/*===== fin positionnement =====*/
/*==============================*/

.hiddenSubmit {
  display:none;
}

/*------------------*/
/*----- entete -----*/
/*------------------*/
#dEntete div.nomAppli {
  margin: 0;
  font-size: 200%;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#dEntete p {
  margin: 0 5px;
  padding: 0;
  font-size: 80%;
  font-weight: bold;
  text-align: left;
}
#dEntete p.droite {
  margin-right: 10px;
  float: right;
  text-align: right;
}

#dEntete div.centre, #dEntete .centre {
  font-size: 110%;
  text-align: center;
}
#dEntete #userSummary {
  font-size: 7pt;
}

/*----------------------*/
/*----- fin entete -----*/
/*----------------------*/

/*-------------------------------*/
/*----- barre de navigation -----*/
/*-------------------------------*/
#dNavigationBarre {
  background-repeat: repeat-x;
  color: #000000;
}
#dNavigationBarre ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#dNavigationBarre li {
  float: left;   
}
#dNavigationBarre li.right {
  float: right;
}
#dNavigationBarre li a {
  color: #83006C;
  font-size: 80%;
  margin: 0px 10px 0px 10px;
  padding: 0px 5px 0px 5px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border: none;
}
#dNavigationBarre li a:hover {
  text-decoration: underline;
}

/*-----------------------------------*/
/*----- fin barre de navigation -----*/
/*-----------------------------------*/

/*-----------------------------------*/
/*------ Libell� de l'acad�mie ------*/
/*-----------------------------------*/
#dLibAca {
  text-align: center;
  font-weight: bold;
  color: white;
  font-size: 100%;
  margin:5px 5px 0px 5px;
  padding:0;
  border: none;
}
/*--------------------------------*/
/*----- fin libell� acad�mie -----*/
/*--------------------------------*/


/*----------------*/
/*----- menu -----*/
/*----------------*/
.leftmenu {
	background: none no-repeat scroll 0 0 transparent;
	background-image: url('../images/sco_bandeau_sans_cartouche.jpg');
	min-height: 750px;
	float: left;
	width: 195px;
	font-size: 0.75em;
}

.leftmenu img{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
    display : block;
    border: none;
}

#logoMen {
	background-color : white;
}

.leftmenu #dMenu {
	background-color: #FFFFFF;
	border-right: medium none;
	margin-top: 80px;
	opacity: 0.8;
	width: 188px;
}

#dMenu ul.menu1 {
  list-style: none outside none;
  margin: 0 2px;
  padding: 0;
}
#dMenu ul.menu1 li {
  background: url(../images/sco_puce_menu.png) no-repeat scroll 0 8px transparent;
  cursor: pointer;
  padding: 5px 0 5px 23px;
}
#dMenu ul.menu1 li a {
  color: #000;
  text-decoration: none;
}
#dMenu ul.menu1 li a:hover, #dMenu ul.menu1 li a.selected, #dMenu li.enteteMenu2 a:hover {
  color: #C90087;
}

/* Pour le choix des menus de niveau 1. */
#dMenu form {	
  margin: 0px;
  padding: 0px;
}

#dMenu li input.menu1 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  display: block;
  width:100%;
  color: black;
  margin: 1px;
  padding: 0px;
  text-align:left;
}

#dMenu li.menu2 ul {
  list-style-type: none;
  margin: 0 0 0 7px;
  padding: 2px 0 3px 3px;
  border-left: 1px solid; 
  border-bottom: 1px solid; 
}
#dMenu li.menu2 ul li {
  background: transparent;
  border: 5px solid transparent;
  margin: 0;
  padding: 0;
}
#dMenu li.menu2 ul li a {
  font-weight: normal;
}
#dMenu li.menu2 ul li a:hover {
  background-color: #FFFFFF;
  color: grey;
}
#dMenu ul.menu1 li.menu2 {
  margin: 0 0 5px 0;
}
#dMenu ul.menu1 li.enteteMenu2 {
  background-color: #666; 
  display: block;
  margin: 5px 0 0 0;
}
#dMenu ul.menu1 li.enteteMenu2 a {
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
}

/*--------------------*/
/*----- fin menu -----*/
/*--------------------*/


/*-------------------*/
/*----- contenu -----*/
/*-------------------*/

#dContenu {
  font-size: 80%;
}
#dContenu a{
  text-decoration: none;
  color: #9E157D;
  cursor: pointer;
}
#dContenu a:hover{
  text-decoration: underline;
  color: #9E157D;
}
#dContenu a img{
  border:none;
}
#dContenu a.bouton,
#dContenu p.submitPrecedent a,
#dContenu p.fauxInput a,
#dContenu p.confirmRemove a, 
#dContenu p.submitPrecedent input {
  background-color: #E0E0E0;
  border:solid 1px #000;
  color:#000;
  padding: 2px 12px;
  margin: 0px 10px;
  text-decoration:none;
  border-radius: 10px;
}

#dContenu p.submitPrecedent input {
  padding: 1px 12px;
}

#dContenu a.bouton:hover, 
#dContenu p.submitPrecedent a:hover, 
#dContenu p.fauxInput a:hover,
#dContenu p.confirmRemove a:hover,
#dContenu p.submitPrecedent input:hover {
  background-color: #808080;
  border:dashed 1px #FFF;
  color:#FFF;
}
#dContenu p.boutonTableau {
  	border:solid 1px #000;
    background-color: #DDD;
    text-decoration: none;
    text-align: center;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
}
#dContenu p.boutonTableau a:hover{
    text-decoration: none;
}
#dContenu p.submitPrecedent a.filtreActif {
  background-color: #9E157D;
  color: white;
  font-weight: bold;
}
#dContenu span.libelle{
  color:#440;
}

#dContenu span.infoGrisee{
    color: grey;
    font-style: italic;
}

#dContenu table, #messageDialogConfirmation table{
  background-color: #DDD;
  width: 100%;
  border: 1px #444 solid;
}
#dContenu table caption, #messageDialogConfirmation table caption{
  border: solid 2px #AAA;
}
#dContenu table tr th, #messageDialogConfirmation table tr th{
  background-color: #EAEAEA;
  color: #83006C;
}
#dContenu table tr th span.tri{
/*  float:right;*/
  margin-left:0.6em;
}
#dContenu table tr th a:hover{
  background-color:#AAAAAA;
}
#dContenu table tr th a img{
  background-color: #F8C078;
}
#dContenu table tr td a.ajout {
  display: block;
  margin: 10px 0 0 0;
  text-align: center;
  font-size: large;
  vertical-align:middle;
  border:solid 1px #000000;
  border-radius: 10px;
}
#dContenu table tr td a.ajout:hover {
  background-color: #F5F5F5;
  text-decoration: none;
}
#dContenu table tr.sousListe1 td, #messageDialogConfirmation table tr.sousListe1 td {
  background-color: #FFFF99;
}
#dContenu table tr.sousListe2 td {
  background-color: #FFFF99;
  text-transform: uppercase;
  font-weight: bold;
}
#dContenu table#module tr.sousListe1 td, #dContenu table#module tr.sousListe2 td {
  background-color: #FFFFFF;
}

/* Lignes de tableau paires. */
#dContenu table.detail tr.alterne:nth-child(even), #messageDialogConfirmation table.detail tr.alterne:nth-child(even) {
  background-color: #E0E0E0;
}

/* Lignes de tableau impaires. */
#dContenu table.detail tr.alterne:nth-child(odd), #messageDialogConfirmation table.detail tr.alterne:nth-child(odd) {
  background-color: white;
}

/* Lignes de tableau paires (alternance historique manuelle dépréciée.) */
#dContenu table.detail tr.pair th, #messageDialogConfirmation table.detail tr.pair th{
  background-color: #E0E0E0;
}

/* Lignes de tableau impaires (alternance historique manuelle dépréciée.) */
#dContenu table.detail tr.impair th, #messageDialogConfirmation table.detail tr.impair{
  background-color: white;
}

#dContenu table.choix1 {
  padding:5px 10px 5px 10px;
  margin:0 0 0 0;
  background-color: #FFFF99;
}
#dContenu table.choix2 {
  padding:5px 10px 5px 10px;
  margin:0 0 0 0;
  background-color: #F8C078;
}
#dContenu table tr.pair td {
  background-color: #E0E0E0;
}
#dContenu table tr.impair td {
  background-color: white;
}
#dContenu table tr.ajout td {
  background-color: #DDD;
}

#dContenu table tr td.infoGrisee {
    color: grey;
    font-style: italic;
}

#dContenu table tr.alterne:nth-child(even), #messageDialogConfirmation table tr.alterne:nth-child(even) {
  background-color: white;
}
#dContenu table tr.alterne:nth-child(odd), #messageDialogConfirmation table tr.alterne:nth-child(odd) {
  background-color: #E0E0E0;
}

#dContenu h3{
  margin: 1em 0 0;
  padding: 0.3em 1em;
}

#dContenu h3.erreurs {
  color: #FFFFFF;
  background-color: #FF0000;
}
#dContenu ul.erreurs {
  border: #FF0000 2px solid;
}
#dContenu ul.erreurs li {
}

#dContenu h3.warnings {
  color: #000000;
  background-color: #F7BA51;
}
#dContenu ul.warnings{
	border: #F7BA51 2px solid;
}

#dContenu h3.success {
  color: #000000;
  background-color: #70E060;
}
#dContenu ul.success{
	border: #70E060 2px solid;
}
#dContenu ul.warnings,ul.success{
  margin: 0 0 1em;
  padding: 0.5em 2em;
}
#dContenu ul.warnings li {
}

#dContenu div.pagination {
  padding: 0.2em 1em 0.2em 1em;
  border-right:1px #000000 solid;
  border-bottom:1px #000000 solid;
  border-left:1px #000000 solid;
  background-color:#E6E6E6;
  border-radius: 0 0 10px 10px ;
  margin-bottom: 1em;
  height: 2em;
  line-height:2em;
  text-align: left;
}
#dContenu div.pagination p {
  float: right;
  margin: 0;
  padding: 0.1em 0 0 0;
}
#dContenu div.pagination p span.compteur {
  position: relative;
  top: -0.1em;
  padding: 0 5px;
}
#dContenu #navigateurAutorises {
  padding: 1em;
  border: 1px solid #000;
}
#dContenu #consignes {
  padding: 1em;
  border: 2px solid #AAA;
}
#dContenu #consignesEleve {
  font-size: 200%;
  color: #FF0000;
  font-weight: bold;
}

#dContenu #descriptionOffreFormation, #modalitesParticulieres{
  width: 95%;
  height: 150px;
} 

p.descriptionOffreFormation {
  word-break: break-all;
}

#dContenu #identEleve td.libelle,
#dContenu .tableSaisie td.libelle,
#dContenu .tableSaisie td.libelleGauche {
  color: #666;
}

#dContenu .tableSaisie .donneeSaisie {
  font-weight: bold;
}

#dContenu td.aideSaisie {
  color: #777;
}
#dContenu p.onglets {
  margin-bottom: 2px;
  margin-right: 10px;
  padding-bottom: 2px;
}
#dContenu p.onglets span,
#dContenu p.onglets a {
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-right: 1px #000000 outset;
  border-top: 1px #000000 outset;
  border-left: 1px #000000 outset;
  background-color: #CCCCCC;
  border-radius: 10px 10px 0 0;
}
#dContenu p.onglets span.selected,
#dContenu p.onglets a.selected {
  background-color:#FFFFCC;
}
#dContenu p.onglets a:hover {
  text-decoration: none;
  background-color:#AAAAAA;
}
#dContenu p.onglets a.selected:hover {
  background-color:#FFFFAA;
}

/* pages travail en commission */
#dContenu #bandeau {
  background-color: #F0F0F0;
  color:#002EB8;
  position : relative;
}
#dContenu #bandeau dt {
  color: #0060E0;
}
#dContenu #enteteSaisieDecisions{
  z-index: 2;
  position : relative;	
  background-color:#FFFF80;
}
#dContenu #enteteSaisieDecisions h4 {
  background-color: #FBFBFB;
}
#dContenu #enteteSaisieDecisions div p span.warning{
  color:#E00000;
}
#dContenu #listeSaisieDecision input.invalid {
  color: #FFF;
  background-color: #F55;
}
#dContenu #listeSaisieDecision .changed,
#dContenu #tableListeVoeux .changed,
#dContenu .valueChanged {
  background-color: #FCC;
}
#dContenu table td.affichageImage {
  text-align: center;
  vertical-align: middle;
}
#dContenu #modificationAffectation table tr.pairA td,
#dContenu #modificationAffectation table tr.pairE td {
  background-color: #FEB3B3;
}
#dContenu #modificationAffectation table tr.impairA td,
#dContenu #modificationAffectation table tr.impairE td {
  background-color: #F47B63;
}
#dContenu #modificationAffectation table tr.pairB td {
  background-color: #97D897;
}
#dContenu #modificationAffectation table tr.impairB td {
  background-color: #3EC43D;
}
#dContenu #modificationAffectation table tr.pairC td {
  background-color: #FFB;
}
#dContenu #modificationAffectation table tr.impairC td {
  background-color: #FFD;
}
#dContenu #modificationAffectation table tr.pairF td {
  background-color: #BBF;
}
#dContenu #modificationAffectation table tr.impairF td {
  background-color: #DDF;
}
#dContenu #modificationAffectation table tr.pairG td {
  background-color: #BFF;
}
#dContenu #modificationAffectation table tr.impairG td {
  background-color: #DFF;
}
#dContenu table.stat tr.totalEtablissement {
  background-color: #FFB;
}
#dContenu table.stat tr.totalDepartement {
  background-color: #F99;
}
#dContenu table.stat tr.totalAcademie {
  background-color: #F9F;
}

/*----- transitions -----*/
#dContenu .dynamic-list-move {
  transition: transform .3s;
}
#dContenu .dynamic-list-enter,
#dContenu .dynamic-list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
#dContenu .dynamic-list-enter-active {
  transition: all .3s;
}
#dContenu .dynamic-list-leave-active {
  transition: all .3s;
  position: absolute;
}


/*----- onglets -----*/
#dContenu ul.tabHeaders {
	list-style-type: none;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 3px;
}

#dContenu ul.tabHeaders li {
	display: inline;
	margin: 0;
	padding: 0;
}
#dContenu ul.tabHeaders li a {
	text-decoration: none;
	border: 1px solid gray;
	border-bottom: none;
	padding: 3px 20px;
	margin: 0 10px;
	background-color: #FDEACB;
}

#dContenu ul.tabHeaders li.selected a {
	cursor: text;
	font-weight: bold;
	background-color: #FBD58B;
}

#dContenu ul.tabHeaders li.selected a:hover {
	color: #0F5B7F;
	cursor: text;
}

/* Panneau associ� � un jeu d'onglets */
#dContenu div.panelOnglets {
	padding: 10px;
	border: 1px solid gray;
}

/* Un panneau encadr� simple. */
#dContenu div.panel {
  border: 1px solid gray;
  padding: 5px 10px 5px 10px;
  margin: 10px;
  border: 1px solid gray;
}

#dContenu div.encart {
  width: 33%;
  padding: 10px;
  margin: 10px;
  border: 1px solid gray;
  background-color: #FFFF99;
}

/*----- gestion des recherches -----*/
#dContenu span.csl {
  line-height: 1.6em;
}
#dContenu a.choixSurListe{
  margin: 0 0 0.1em 0;
  padding:0.2em 0.5em 0.1em 0.5em;
  text-decoration:none;
  font-weight:bold;
  border:1px #666 solid;
  color:#000;
  background-color:#FFFF99;
}

#dContenu div.autocomplete {
  border: 1px solid black;
  border-radius: 0 0 10px 10px;
  background-color: #CDC;
  padding: 2px 2px 0 2px;
}
#dContenu div.autocomplete ul {
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
  background-color:white;
  margin:0;
  padding:0;
}
#dContenu div.autocomplete ul li {
  list-style: none;
  margin:0;
  padding:0.2em;
  border-bottom: 1px solid black;
  font-size: 90%;
  white-space: nowrap;
}
#dContenu div.autocomplete ul li.selected {
  background-color: #CCC;
}
#dContenu div.autocomplete p {
  text-align: center;
  white-space: nowrap;
}
#dContenu fieldset.optionsImpressionElevesParClasse {
    margin-top: 10px;
    margin-bottom: 10px;
}
#dContenu fieldset.recherche {
  margin-bottom: 1em;
}
#dContenu fieldset.recherche table {
  background-color: transparent;
  border: none;
}
#dContenu fieldset.recherche table tr th {
  background-color: transparent;
  text-align: right;
  font-weight: normal;
}

/*----- pr�sentation du voeu -----*/
#dContenu div.presentationFormation span.label{
  color: #666;
}

/*---- Prototype Window ----*/
#dContenu.contenuPopup {
	margin: 0;
}

#dContenu.contenuPopup table{
	font-size: 95%;
}

/*----- Exemple de saisie -----*/
#dContenu .field-example {
	margin-left: 10px;
	color: #808080;
}

/*----- pr�sentation des responsables -----*/
#dContenu .tableResponsable {
	padding: 0px;
	margin: 5px;
	border-style: solid;
	border-color: #B0B0B0;
	border-width: 1px;
}

#dContenu .responsable {
  position: relative;
  height: 120px;
  width: 300px;
  margin: 5px;
  padding: 5px;
}

#dContenu .responsable.legal {
  background-color: #F0F0F0;
}

#dContenu .responsable.charge {
  background-color: #F8F8F8;
}

#dContenu .responsable .responsable-infos {
  margin: 5px;
  text-align: left;
}

#dContenu .responsable .responsable-infos-nom {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
}

#dContenu .responsable .responsable-infos-nir {
  font-size: 12px;
  font-style: italic;
  padding-left: 20px;
  color: #606060;
}

#dContenu .responsable .responsable-infos-adresse {
  padding: 5px;
  font-size: 10px;
  color: #606060;
}

#dContenu .responsable .responsable-actions {
  position: absolute;
  bottom: 15px;
  right: 10px;
}

#dContenu .responsable a {
  margin: 8px;
}

/*----- affichage du statut de l'adresse �l�ves et responsables -----*/
#dContenu .responsable-actions .statut {
  margin: 0 8px;
}

#dContenu .responsable-actions .statutAdresse {
  vertical-align: inherit;
}

#dialogPopup form[name="proposals"] ul {
  padding-left: 5px;
}

#dialogPopup form[name="proposals"] li {
  list-style-type: none;
}

/*--------------------------------------------------------------*/
/*----- Couleurs de fond pour les PSP -----*/
/*--------------------------------------------------------------*/

#dContenu table tr.pair td.accepte, #dContenu table tr.impair td.accepte, #dContenu table tr.alterne td.accepte{
	background-color: #aaff66;
}

#dContenu table tr.pair td.refuse, #dContenu table tr.impair td.refuse, #dContenu table tr.alterne td.refuse{
	background-color: #ff7777;
}

#dContenu table tr.pair td.aSaisir, #dContenu table tr.impair td.aSaisir, #dContenu table tr.alterne td.aSaisir{
	background-color: #ffaa00;
}

/*-----------------------*/
/*----- fin contenu -----*/
/*-----------------------*/

.thCheckbox{
	width: 40px;
}

/* --- Saisie assistée -------------------------------- */

/* Le conteneur doit être positionné de façon relative. */
.saisie-assistee {
    display: inline-block;
}

/** La saisie assistée */
.saisie-assistee-items {
    position: absolute;
    border: 1px solid black;
    border-radius: 0 0 10px 10px;
    background-color: #cdc;
    padding: 2px 2px 0 2px;
}

/** L'élément conteneur div affichant les suggestions. */
.saisie-assistee-items ul {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black; 
    background-color: white;
	margin: 0;
    padding: 0;
    cursor: pointer;
}

/** L'élément conteneur div affichant les suggestions. */
.saisie-assistee-items li {
    list-style: none;
	margin: 0;
    padding: 0.2em;    
    border-bottom: 1px solid black;
    font-size: 90%; 
    white-space: nowrap;
}

/* L'élément de suggestion survolé. */
.saisie-assistee-items li:hover {
    background-color: #ccc; 
}

/* Lorsque l'on parcourt les éléments suggérés à l'aide des touches de direction.*/
.saisie-assistee-active {
    background-color: #ccc; 
}

/** Paragraphe dans une zone de suggestion. */
.saisie-assistee p {
  text-align: center;
  white-space: nowrap;
}

/** Erreur dans une zone de suggestion. */
.saisie-assistee-erreur {
  color: #f00; 
}

/* --- Fin saisie assistée -------------------------------- */