.gris {background: #C0C0C0}
.color1 {background: #FFFFFF} 
.color2 {background: #C31E03}
.color3 {background: #FFFFCC} 
.color4 {background: #CCCCFF} 
.color5 {background: #6666CC}
.suivi {background: #6666CC}


.textecorps {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; color: #0000CC; text-decoration: none}
.textgras {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: bold; color: #333333; font-variant: normal; text-transform: none}
.textpasgras {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; color: #333333; font-variant: normal; text-transform: none}
.textesaisie {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
.titre {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF}
.libelle    {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 16px; font-style: normal; font-weight: bold;   font-variant: normal; color: #3333CC; text-decoration: none}
.titreAide {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF}

.fond_titre_barre1
{
  background-color: #6666FF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-align: right; 
  color: #FFFFFF;
}
.fond_titre_barre2
{
  background-color: #6666FF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: right; 
  color: #FFFFFF;
}

.fond_titre
{
  background-color: #B8B8E7;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #333399;
}
.fond_titre_bord
{
  background-color: #B8B8E7;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #333399;
  border: thin solid #000000
}

.boutonCadre{ 	
	background-color: #CCCCFF; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none; 
	border: thin solid #000000
}

.boutonCadreInactif 	 { 	background-color: #CCCCCC; 
					color: #000000; 
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 12px; 
					font-weight: bold; 
					text-decoration: none; 
					border: thin solid #000000}
					
.aBouton          {	color: #444444; 
					display: block; /* Pour que le lien soit représenté dans le td entier */
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 11px; 
					text-decoration: none }
.aboutonV 	 { 	background-color: #E8E8F7; 
					color: #333399; 
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 14px; 
					font-weight: bold; 
					text-decoration: none; 
					border: thin solid #333399}
.textbleupetit {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: normal; font-weight: normal; color: #0000FF; line-height: normal}
.textbleugras {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: bold; font-weight: bold; color: #0000FF; line-height: normal}
.textbleumoyen {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: normal; color: #0000FF; line-height: normal}

.textrougepetit {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FF0000; line-height: normal}
.textrougegras  {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: bold; font-weight: bold; color: #FF0000; line-height: normal}
.textrougemoyen {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: normal; color: #FF0000; line-height: normal}

.textvertgras  {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: bold; font-weight: bold; color: #009900; line-height: normal}

.textetitre {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
.textegris { color: #555;}

/***** Fond et texte ***************************/

.fond_blanc
{
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-style: bold;
  color: #3333CC;
  text-decoration: none
}

.fond_clair
{
  background-color: #E8E8F7;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #333399;
  text-decoration: none
}

.fond_clair_milieu
{
  background-color: #E8E8F7;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #333399;
  vertical-align: middle;
  text-align: center;
  text-decoration: none
}

td.fond_clair_milieu{
	text-align: center;
} 

.fond_moyen
{
  background-color: #B8B8E7;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #OOOOOO;
}

.fond_fonce
{
  background-color: #333399;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none; 
}

.texte_noir
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #000000;
}
.texte_noir_gras
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold; 
  color: #000000;
}

.texte_rouge
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #G50000;
}

.texte_vert
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #00AA00;
}

.texte_lien
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #333399;
}

.texte_couleur
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3333CC;
}

.textealert
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px;
  font-weight: bold;
  color: red;
  text-align: center; 
}

.texterouge
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: red;
  text-align: center; 
}

.texteRougeAvertissement 
{
  background-color: #E8E8F7; 
  color: #990000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  width: 75%;
} 

.texteRougeErreur 
{
  color: #990000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-weight: bold;
  text-decoration: none;
  text-align: center;
} 
.information_texte_attention
{
	text-align:center;
	width:100%;
	margin:1em auto;
}

/***************** Bandeau navigation par lettres *****************/
.liste-lettres {
	text-align: center;
}

.liste-lettres li{
	display: inline;
	list-style-type: none;
	padding:0 .3em;
}
	
.liste-lettres a:link{
}
.liste-lettres a:visited{
}

.liste-lettres a:hover{
	color:red;
}
.liste-lettres a:focus{
	color:red;
	border-width: 1px;
	border-style: dotted;
	border-color: red;
}

.liste-lettres a:active{
	color:red;
}

tr.fond_dynamique:hover td{
	background-color: #cfcfdd;
}

/***************** DOSSIER *****************/
.divDossier
{
  width: 95%;
  margin: 0.5em auto;
  text-align: left;
  text-indent: 1em; 
}

.texteInfoDossier
{
  color: #777777; 
  font-size:14px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a.lienDossierFonce
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  display: block;
  color: #FFFFFF;
  text-decoration: none; 
}

a.lienDossierClair
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  display: block;  
  color: #333399;
  text-decoration: none; 
}  


.divTexteBaremeVoeu
{
  width: 80%; 
  margin-top: 15px;
  padding-top: 2px; 
  padding-bottom: 4px; 
  margin-bottom: 6px;
  text-align: left; 
  color: #777777; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold;
  text-decoration: none;
}

.divSelection
{
  width: 100%; 
  margin-top: 15px;
  padding-top: 2px; 
  padding-bottom: 4px; 
  margin-bottom: 6px;
  text-align: left; 
  color: #777777; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold;
  text-decoration: none;
}

.divSelectionLien
{
  width: 100%;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  text-align: left;
  color: #777777;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.divTitreTableau
{
  width: 100%; 
  height: 30px;
  margin-top: 2px;
  padding-top: 2px; 
  padding-bottom: 4px; 
  margin-bottom: 6px;
  text-align: center; 
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333399;
}
/***** tableau ***************************/

.tableau_75
{
  background-color: #E8E8F7;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #333399;
  width: 75%;
  margin-left:auto;
  margin-right:auto;
}

.divMessage_75
{
	width: 75%;
	margin:1em auto;
	text-align:left;
}

.divMessage_90
{
	width: 90%;
	margin:1em auto;
	text-align:left;
}
ul.filtres-en-colonne{
	text-align: center;
	list-style-type: none;
}
ul.filtres-en-colonne li{
	margin-bottom: 1em;
}
fieldset.criteres-recherche{
	margin: auto;
	width: 50%;
}

.tableau-liste-agents{
	border: none;
	margin: auto auto 2em auto;
	width: 85%;
}
 p.compteur-resultat-recherche{
 	width: 85%;
 	margin: 1em auto;
 }
.tableau-liste-agents th{
	line-height: 1.25em;
	position: relative;
	cursor: pointer;
}
.tableau-liste-agents .selection {
	background: #123456;
}
.tableau-liste-agents td, .tableau-liste-agents th {
	padding: .5em;
}
.tableau-liste-agents td:nth-child(3), .tableau-liste-agents td:nth-child(4), .tableau-liste-agents td:nth-child(5) {
	text-align: center;
	width: 15%;
}

.selection .flecheDesc, .selection .flecheAsc {
  position: absolute;
  width: 0; 
  height: 0; 
  right: 10px;
  top: calc(50% - 5px);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.selection .flecheDesc {

  border-bottom: 5px solid #fff;
}
.selection .flecheAsc {
  border-top: 5px solid #fff;
}

/** Tableau d'affichage du dossier du candidat */
.tableauDossier
{
	width: 100%;
	border: none; 
}

.tableauDossier td.bord
{
	width: 5%;
}

.tableauDossier td.valeur
{
	width: 65%;	
	vertical-align: top;
}

.tableauDossier td.intituleSaisie
{
	width: 50%;	
	vertical-align: top;
}

.tableauDossier td.valeurSaisie
{
	width: 35%;	
	vertical-align: top;
}

.tableauDossier td.aide
{
	width: 5%;	
	vertical-align: top;	
}

.tableauDossier td.points
{
	width: 5%;	
	vertical-align: top;	
}

.tableauDossier img
{
	vertical-align: middle;
}

.liste-bonifications-contractuels
{
	margin:0.5em 0;
}
.liste-bonifications-contractuels li
{
	list-style-type: square;
}
.centrer
{
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}

a.texteVierge
{
	text-decoration: none;
}

img
{
	vertical-align: middle;
}

a.parcours
{
	text-decoration: none;
}

/** Pour afficher la liste des retours dans les préférences */
.enligne
{
	float: left;
}

/** Pour afficher les informations sur l'écran de demande de réintégration */
ol.dem-reint{
    list-style-type:upper-alpha;
    padding-left:1.5em;
    line-height: 1.5;
}
ol.dem-reint > li{
    padding-left:2em;
    margin-bottom:2em;
}
ol.dem-reint ul{
    list-style-type:none;
    /*margin:.5em auto;*/
}
ol.dem-reint ul li:before { 
	content: " - " ;
}
ol.dem-reint ul li { 
	/*margin:.5em auto;*/
}

/** Pour afficher les bandeaux */
div.b_vert, div.b_orange{
   	width:60%; 
   	border:3px #000 double; 
   	color: #333333;
   	font-weight:normal; 
   	margin:1em auto; 
   	border-left:0; 
   	border-right:0;
}
div.b_vert{
	border-color:#299a0b;
	/*background:#CCFFCC;
   	color: #006e2e;*/
}
div.b_orange{
	border-color:#febf01;
	/*background:#CCFFCC;
   	color: #006e2e;*/
}
div.b_vert p, div.b_orange p{
   	margin:0; 
   	padding:0 2em;
}

/** Pour afficher la liste des mouvements spécifiques */
tr.groupement{
	font-weight:bold;
}
tr.mouvement a{
	margin-left:7em;
}
.rouge{
	color: red;
}
.gras{
	font-weight: 600;
}
/** Pour afficher le lexique des abréviations */
.lexique {
	font-variant: small-caps;
	font-style: italic;
	margin: 1em auto;
	
}
.lexique td.fond_blanc {
	font-size: 95%;
}
.lexique span {
	white-space: nowrap;
}
.lexique div {
	margin: 1em auto;
}
.lexique div span:nth-last-child(2n+3)::after {
	content: " / ";
}

/** Pour afficher les popins */

#fade {
	display: none;
	background: #ccc;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 0.50;
	z-index: 550;
}
#popin{
	display: none;
	overflow:auto; 
	background: #fff;
	padding: 5px;
	border: 2px solid #547ED8;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 9999;
	background: #ffffff;	
}
#popin div{
	width:100%; 
	height:100%; 
	margin:0; 
	padding:0;	
}
#popin div p{
	padding:2em 0 0 0; 
	margin:0;
	text-align:center;
}
#popin div p.titre{
	padding:0;
}
*html #fade {
	position: absolute;
}
*html #popin, *html .popin {
	position: absolute;
}
.boutonCadreWarning:hover{
	border-color:#600;
	background-color: #c66;
}
.boutonCadreWarning:hover .aBouton{
	background-color: #c66;
	color:#fff;
}
.wait, .wait * { cursor: wait !important; }
h1 {
	text-align:center;
}
.encartMilieuArrondi {
	
	border-radius: 10px;
	border:1px black solid;
	width: 50%;
	margin: 1em auto;
	padding: 0 1em;
}
@keyframes newcolor {
     0% {color: #333399;}
	100% {color: #00F;}
}
@keyframes newbounce {
	0% {bottom: 2px;}
	5% {bottom: 7px;}
	10% {bottom: 2px;}
	15% {bottom: 7px;}
	20% {bottom: 2px;}
	100% {bottom: 2px;}
}
.bandeau-nouveau>div>div {
	color: #00F;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	animation: newcolor 2s ease infinite alternate, newbounce 3s linear 2s infinite;
}
.bandeau-nouveau>div {
	background: rgba(19,208,255,.3);
	padding: .3em 2em;
	height: 15px;
	width: 200px;
	right:10px;
	position: relative;
	-webkit-transform: rotate(355deg);
	-moz-transform: rotate(355deg);
	-ms-transform: rotate(355deg);
	-o-transform: rotate(355deg);
	transform: rotate(355deg);
}
.bandeau-nouveau {
	position: absolute;
	overflow: hidden;
	width: 115px;
	height: 35px;
	top: -10px;
	display: inline-block;
	margin-left: 1em;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: default;
}
.lien_desactive{
	pointer-events: none; 
	color: gray; 
	cursor: default;
	text-decoration: none;
}