/* ------------------------------- */
/* 		Marque Blanche AGIRIS      */
/* ------------------------------- */

@font-face 
{
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/view/fonts/COMMUN/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/view/fonts/COMMUN/MaterialIcons-Regular.woff2) format('woff2'),
    url(/view/fonts/COMMUN/MaterialIcons-Regular.woff) format('woff'),
    url(/view/fonts/COMMUN/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons 
{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* --------------------- */
/* MISE EN PAGE GENERALE */
/* --------------------- */

body
{
	background-color:#FFFFFF;
	margin:0px;
}

body, input, textarea, button 
{
	font-family:Verdana,sans-serif;
}

#mainTable
{
	width:100%;
}

#mainContainer 
{
	border: 0px;
	background: #f2f2f2; 
	width:100%;
	height:100%;
	margin: 0px; 
	padding: 0px;
	position: relative;
	overflow:hidden;
	display : table;	
}

#tableContainer
{
	display:table;
	width:100%;
	vertical-align:top;
	height:calc(100% - 90px); /* On déduit la hauteur de l'entête sinon le contenu n'est pas centré verticalement */
	margin-top: 90px;
}

#corpsContainer
{
	display:table-cell;
	width:auto;
	vertical-align:top;	
	height:100%
}

#sessionContainer
{
	height:100%;
	width:100%;
}

#session
{
	height:100%;
	padding: 2px;
}

#session .bouton_session 
{
	float:right;
	padding-left:20px;
}

#session .info_session 
{
	float:right;
	font-size:12px;
	line-height:1.6;
	color:white;	
	padding-top:15px;
	width:250px;
}

#session .deconnexion 
{
	top:15%;
	position:relative;
}

#session .webmail 
{
	top:8%;
	position:relative;
}
	
#header
{
	position:fixed;
	width:100%;	
	z-index:1;
}	

#header_left
{
	background: #0a3c35 url(/view/images/AGIRIS/deco/agiris_logo.png) no-repeat 5px 0px; 
	height:90px;
	color: #3db59e;
	font-weight: bold;
	font-size:40px;
	padding-left:235px;
	line-height:85px;
	white-space: nowrap;
}

#header_middle
{
	background: #0a3c35; 
	text-align:right;
	height:90px;
	float:right;
}

#header_right
{
	background: #0a3c35; 
	height:90px;
	width:30px;
	text-align:right;
	float:right;	
}

#menuContainer 
{
	min-width: 220px;
	width: 220px;
	background: #f2f2f2;
	left:0;
	display:table-cell;
}

#menu 
{
	background: #0a3c35;
	width: 220px;
	position: fixed;
  	top: 90px;
}

#corpsImpression
{
	background: #FFFFFF no-repeat bottom right;
	width:100%;	
}

#onglets 
{
	overflow: auto;
}

#titre_page 
{
	background:#f2f2f2;
	color:#0a3c35;
	font-size:25px;
	font-weight:bold;
	border-bottom: 1px #0a3c35 solid;	
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	height: 30px;
}

#contenu 
{
	height:calc(100% - 30px); /* On déduit la hauteur de titre_page */
	padding: 5px 5px;
}

#contenu_centrer 
{
	text-align:center;
}

#main-footer 
{
	font-size:12px;
	clear:both;
	overflow:auto;	
    color:#fff;
    background:#0a3c35;
    padding:30px;
    height:90px;
    display:table-row;
}

#main-footer .footer-col 
{
    float: right;
    width: 25%;
}

#main-footer .footer-col .footer-col-title 
{
	color: #3db59e;
    font-size: 18px;
    font-weight:bold;
    display: block;
    margin-top: 10px;
    margin-bottom: 2px;
    line-height: 1.4;
}

#main-footer .footer-col table
{	
    width:100%;
}

#main-footer .footer-col td
{	
    width:50%;
    padding-top:5px;
    padding-right:20px;
}

#main-footer .footer-col a
{
    color:white;
    font-weight:normal;
    font-size:12px;
    text-decoration:none;
}

#main-footer .footer-col a:hover
{
    color:#3db59e;
    font-weight:normal;
    text-decoration:underline;
}

/* LOGIN */
/* --------------------- */

.LOGIN_TABLE
{
	display:table; 
	margin: 0 auto 0 auto; 
	height:100%
}

.LOGIN_FORM
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

/* NAVIGATION */
/* ---------------- */
#navigation
{
	background:#0a3c35;
	width:100%;
}

#navigation tr:first-child td 
{
	border-top:1px #fff solid;
}
	
#navigation td 
{
	font-size:14px;
	color:white;
	height:30px;
	vertical-align:middle;
 	border-bottom:1px #fff solid;
 	cursor: pointer;
 	white-space:nowrap;
 	padding:0px;
}

#navigation a, #navigation a:visited
{
	color:white;
	text-decoration:none;
	display:block;
	height:100%;
	line-height:30px;
}

#navigation a:hover, #navigation td.parent:hover, #navigation td.on a 
{
	color:white;
	text-decoration:none;
}

#navigation td div.cell
{
	margin-left:25px;
}

#navigation td.on.folded, #navigation td.off.folded:hover
{
	background: #3db59e url(/view/images/AGIRIS/right.png) no-repeat center left 4px;
	background-size:12px;
}
#navigation td.on.unfolded, #navigation td.off.unfolded:hover
{
	background: #3db59e url(/view/images/AGIRIS/down.png) no-repeat center left 4px;
	background-size:12px;
}
#navigation td.off.folded
{
	background: #0a3c35 url(/view/images/AGIRIS/right.png) no-repeat center left 4px;
	background-size:12px;
}
#navigation td.off.unfolded
{
	background: #0a3c35 url(/view/images/AGIRIS/down.png) no-repeat center left 4px;
	background-size:12px;
}

#navigation table.navigationNiveau2
{
	width:100%;
	background: #0a3c35;
	margin-top:-1px;
}

#navigation .navigationNiveau2 tr:first-child td 
{
	border-top:none;
}

#navigation .navigationNiveau2 td
{
	font-style: italic;
	font-size:13px;
}

#navigation .navigationNiveau2 td.off
{
	background: #0a3c35;
	border-bottom:none;
}

#navigation .navigationNiveau2 td:hover,#navigation .navigationNiveau2 td.on
{
	background: #3db59e;
	border-bottom:none;
}

#navigation .navigationNiveau2 a
{	
	font-weight:normal;
}

.NAVIGATION
{
	color: black;
	border:1px solid black; 
	background: white; 
	text-align:center;
	line-height:2;
}

/* TABLE DE FORMULAIRE*/
/* ---------------- */

table.formTable 
{ 
	margin: 20px; 
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #0a3c35;
	border-collapse:collapse;
	margin-left:auto; 
	margin-right:auto;	
}

table.formTable th
{
	border-width: 1px;
	border-style: solid;
	border-color: #0a3c35;
	padding:5px;
	color:white;
	background: #0a3c35;
	font-size:14px;
}

table.formTable td 
{
	border-width: 1px;
	border-style: solid;
	border-color: #0a3c35;
	padding:5px;
	font-size:12px;
}

/* TABLE DE RECAP*/
/* ---------------- */

table.recapTable { 
	background: #ffffff; 
	margin: 5px; 
	padding: 0px;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	border-collapse:collapse;
	margin-left:auto; 
	margin-right:auto;
}
table.recapTable td{ 
	margin: 0px; 
	padding: 0px;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	line-height:2;
}
.recapTable th a   ,.dataTable th a:visited {
	color: black;
	text-decoration:underline;
}

.recapTable th a:hover {
	color: white;
}



/* TABLE D'ONGLETS*/
/* ---------------- */
table.ongletTable 
{ 
	background: #0a3c35; 
	padding: 0px;
	border-spacing: 2px;
	margin: 5px auto; 
}
.ongletSelected 
{ 
	margin: 0px; 
	padding: 4px 8px;
	text-align:center;
	font-size: 14px; 
	font-weight: bold;	
	color: white;
}
.ongletNotSelected 
{ 
	margin: 0px; 
	padding: 4px 8px;
	background:white;
	text-align:center;
	font-size: 14px; 
	color: #0a3c35;
}

/* TABLE */
/* ---------------- */
table{
	border-spacing: 0px; /* à ne pas modifier, au risque de décaler le logo dans FireFox */
}


/* TEXTES */
/* ---------------- */


.TitreOnglet 
{
	FONT-SIZE: 16px; 
	COLOR: #0a3c35;
	font-weight: bold;
}

.TitreOngletVert
{
	FONT-SIZE: 16px; 
	COLOR: #319C63;
	font-weight: bold;
}

.TitreFormulaire 
{
	FONT-SIZE: 18px; 
	COLOR: #0a3c35;
	font-weight: bold;
}
.titre {
	font-size: 14px; 
	font-weight: bold;	
	/*color: #B6CF00; */
	color: #C5CFE5;
}
.SousTitreRed {/*deprecated*/
	font-size: 14px;
	font-weight: bold;	
	color: #0a3c35;
	padding-left:5px;
}
.texte, .textesuivi, .evenementdetail, .titreColonne, .titreLigne {
	/* .textesuivi et .evenementdetail sont utilisés dans les transformations XML (c'est historique)*/
	font-weight: normal;
	font-size: 12px;
	color: black;
}

.texte_justify 
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align:justify;
}

.texte_centre {
	/* .textesuivi et .evenementdetail sont utilis�s dans les transformations XML (c'est historique)*/
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align:center;
}

.texte_bold
{
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.texte_italic
{
	font-style: italic;
	font-size: 12px;
	color: black;
}

/* TITRE PARTIE */
.titrePartie 
{
	color: #0a3c35;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.titreColonne 
{
	font-size: 14px;
	font-weight: bold;
	color:#0a3c35;
	border-bottom: #0a3c35 1px solid;
	padding:4px;
	text-align:left;
	width:100%;
	display:block;
	margin-bottom:5px;
}

.titreLigne, .evenementdetail 
{
	font-size: 11px;
	font-weight: bold;
}
.textedefinition 
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-style: italic;
	text-align:left;
}
.textedefinitionPadding {
	padding-left: 20px;
	font-weight: normal;
	font-size: 12px;
	color:black;
	font-style: italic;
	text-align:left;
}


/* INPUTS */
/* ---------------- */

input.invisible {
	border: none;
	font-weight: bold;
	text-align:right;
}

input::placeholder
{
	opacity:0.4;
}

/* LIENS */
/* ---------------- */

a.selectTagLink, a.selectTagLink:visited 
{
	color:#3db59e;
	font-weight:bold;
	text-decoration:none;
}
a.selectTagLink:hover 
{
	color:#3db59e;
	text-decoration:underline;
}

a.btn_etap_prec,  a.btn_etap_suiv, a.btn_etap_susp, a.btn_effect, a.btn_nouveau, a.btn_impr, a.btn_new, a.btn_cancel,
 a.btn_etap_prec:visited,  a.btn_etap_suiv:visited, a.btn_etap_susp:visited, a.btn_effect:visited, a.btn_nouveau:visited, a.btn_impr:visited,
 a.btn_new:visited, a.btn_cancel:visited 
{
	padding-left:15px;
	font-size:12px;
	color:#0a3c35;
	margin-right:20px;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
}

a.btn_etap_prec:hover,  a.btn_etap_suiv:hover, a.btn_etap_susp:hover, a.btn_effect:hover, a.btn_nouveau:hover, a.btn_impr:hover,
a.btn_new:hover, a.btn_cancel:hover 
{
	text-decoration:underline;
}

a.INVISIBLE:link, a.INVISIBLE:visited, a.INVISIBLE:hover 
{
	text-decoration:none;
}

.disabled
{
	pointer-events: none;
  	cursor: default;
}

/* Struts-Layout */
/* ---------------- */

.TEXT_TAB
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align:left;
	padding-left:10px;
}

.GRID_FORM
{
	text-align:left;
	padding-left:10pt;
	padding-right:10pt;
	margin-top:3pt;
	width:100%;
}

.GRID_FORM > tbody > tr > th, .GRID_FORM > tr > th, .GRID_FORM > tbody > tr > td, .GRID_FORM > tr > td
{
	text-align:left;
}

.COLUMN_FORM, .COLUMN_FORM table, .COLUMN_FORM th, .COLUMN_FORM td
{
	text-align:left;
}

.COLUMN_FORM_100, .COLUMN_FORM_100 table, .COLUMN_FORM_100 th, .COLUMN_FORM_100 td
{
	text-align:left;
}

.COLUMN_FORM_100 table
{
	text-align:left;
	width:100%; /* Pour que le contenu de la colonne s'ajuste à la totalité de sa taille */
}

.GRID_LAYOUT_FIXED
{
	table-layout:fixed;
	width:100%;
}

.GRID_CENTER
{
	text-align:center;
	padding-left:10pt;
	width:100%;
}

.GRID_RIGHT
{
	text-align:right;
	width:100%;
}

.GRID_LEFT
{
	text-align:left;
}

.COLUMN_RIGHT, .COLUMN_RIGHT th, .COLUMN_RIGHT td
{
	text-align:right;
}

.COLUMN_RIGHT table
{
	margin-right:0px;
	margin-left:auto;
}

.COLUMN_LEFT, .COLUMN_LEFT th, .COLUMN_LEFT td
{
	text-align:right;
}

.COLUMN_LEFT table
{
	margin-right:auto;
	margin-left:0px;
}

.GRID_MONTH
{
	background-color: #3db59e;
	margin-left: 10pt;
	text-align:center;
	color: #fff;
	FONT-SIZE: 15px;
	font-weight: bold
}

.BUTTON 
{
	font-size: 12px;
	font-weight: bold;	
	font-style: normal;
	border:none;
	border-radius:10px;
	height:25px;
	color: #fff;
	background-color:#0a3c35;
				
	vertical-align:middle;
	padding: 0 12px;	
	margin : 3px 3px;
				
	width:auto !important;
	
		
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: all !important;
	transition-property: all !important;
}

.BUTTON:hover
{
	background-color:#3db59e;
	cursor: pointer;
}

.BUTTON:disabled,
button[disabled]
{
	background-color:#d9d9d9;
	color:grey;
	cursor: default;
}

.HIDE
{
	display:none;
}

.FIELD 
{
	font-weight: normal;
	font-size: 12px;
	color:black;
	vertical-align:middle;
	padding:2px;
	text-align: left;
}

.FIELD_RIGHT
{
	font-weight: normal;
	font-size: 12px;
	color:black;
	vertical-align:middle;
	padding:2px;
	text-align: right;
}

.FIELD_BOLD, .FIELD_BOLD_FACTU
{
	font-weight: bold;
	font-size: 12px;
	color:black;
	vertical-align:middle;
	padding:2px;
	text-align: left;
}

.FIELD_BOLD_FACTU
{
	padding-left: 1.5%;
}

.PANEL_SUIVI .FIELD, .PANEL_SUIVI .FIELD_BOLD
{
	padding:3px;
}

.FIELD_RADIO
{
	font-weight: normal;
	font-size: 12px;
	color:black;
	padding:2px;
	text-align: left;
}

td.FIELD_RADIO span
{
	vertical-align:bottom;	
}

/* FIELD<X> = Champ dont l'input s'ajuste au pourcentage indiqué de la taille restante, FIELD<X>P = Champ dont l'input est limité à <X> pixels */
.FIELD90, .FIELD97, .FIELD100, .FIELD170P, .FIELD240P, .FIELD200P, .FIELD400P, .FIELD300P
{
	font-weight: normal;
	font-size: 12px;
	color:black;
	vertical-align:middle;
	padding:2px;
	text-align: left;
	white-space: nowrap;
}

td.FIELD100, input.FIELD100, select.FIELD100, textarea.FIELD100
{
	width:100%;
}

td.FIELD97
{
	width:100%;
}

input.FIELD97, select.FIELD97, textarea.FIELD97
{
	width:97%;
}

td.FIELD90
{
	width:100%;
}

input.FIELD90, select.FIELD90, textarea.FIELD90
{
	width:90%;
}

input.FIELD170P, select.FIELD170P
{
	width:170px;
}

input.FIELD240P, select.FIELD240P
{
	width:240px;
}

input.FIELD200P, select.FIELD200P
{
	width:200px;
}

input.FIELD300P, select.FIELD300P
{
	width:300px;
}

input.FIELD400P, select.FIELD400P
{
	width:400px;
}

td.SELECT100
{
	width:100%;
}

.SELECT100 select
{
	width:100%;
}

.NOWRAP
{
	white-space:nowrap;
}

.TOP
{
	vertical-align:top;
}

.TD_TOP td
{
	vertical-align:top;
}

TH.typeDocumentTP
{
	width:300px;
}
TD.typeDocumentTP
{
	width:50px;
}

.WARNING 
{
	font-weight: bold;
	font-size: 12px;
	color: #ED7F10;
	margin-right:10px;
}

.ERROR 
{
	font-weight: bold;
	font-size: 12px;
	color: red;
	margin-right:10px;
}

.ERROR_CENTER
{
	font-weight: bold;
	font-size: 12px;
	color: red;
	text-align:center;
}

.INFOS
{
	font-weight: bold;
	font-size: 12px;
	color: green;
	margin-right:10px;
}

.INFOS_BIS 
{
	font-weight: bold;
	font-size: 12px;
	color: #D5384D;
	margin-right:10px;
}

.suivi_details
{
	font-style: italic;
	font-size: 12px;
}

.info_details
{
	color:black;
}

.error_details
{
	color: red;
	word-wrap: anywhere;
}

.success_details
{
	color: green;
}

.warn_details
{
	color: #ff6600;
}

a.NUNDERLINE_LINK, .NUNDERLINE
{
	color: #0a3c35;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

a.NUNDERLINE_LINK:visited
{
	color: #0a3c35;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}

a.NORMAL_LINK, a.NORMAL_LINK:visited
{
	color: #0a3c35;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}

a.NORMAL_LINK:hover
{
	color: #3db59e;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}

a.NAVIGATION_LINK, a.NAVIGATION_LINK:visited
{
	color: #3db59e;
	font-weight: bold;
	font-size:12px;
	color: #0a3c35;
	text-decoration:none;
	display:block;
	text-align:center;
}

a.NAVIGATION_LINK:hover
{
	text-decoration:underline;
}

a.NAVIGATION_LINK img
{
	vertical-align:middle;
}

.choixDocument 
{
	margin: 5px;	
}

.choixDocument a, .choixDocument a:visited
{
	color:black !important;
	text-decoration:underline !important;
	font-style:italic !important;
	font-size:12px !important;	
}


/*
 * FORM 
 */
TABLE.FORM 
{
	font-size:12px;
	font-weight: bold;
	color: white;
	border-collapse:collapse;
	margin-top:5px;
	width:100%;
	overflow:hidden; /* Evite l'apparation d'une scrollbar verticale dans les tableaux sous Chrome à cause du margin-top */
}

TH.FORM 
{
	color: white;
	background-color: #0a3c35;
	font-weight: bold;
	font-size:12px;
	vertical-align: middle;
	padding:3px;
	height:30px;
}

TH.FORM:first-child
{
	border-top-left-radius:10px;
}

TH.FORM:last-child
{
	border-top-right-radius:10px;
}

TD.FORM 
{
	color:black;
	background-color :  white;
	font-weight: normal;
	font-size:12px;
	padding:5px;
}

TH.FORM TD
{
	color: white;
	background-color: #0a3c35;
	font-weight: bold;
	font-size:12px;
}

TH.FORM TABLE TD:first-child /* Correspond à la cellule du pictogramme du tri */
{
	width: 15px;
}

TD.FORM a
{
	color:black;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
}

TD.FORM a:visited
{
	color: #3db59e;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
}

/*
 * FORM_NO_HEADER 
 */
TABLE.FORM_NO_HEADER  
{
	font-size:12px;
	font-weight: bold;
	color: white;
	border-collapse:collapse;
	width:100%
}

TH.FORM_NO_HEADER  
{
	color: white;
	background-color: #d9f2ee;
	font-weight: bold;
	font-size:12px;
	height:1px;
}

TH.FORM_NO_HEADER:first-child
{
	border-top-left-radius:10px;
}

TH.FORM_NO_HEADER:last-child
{
	border-top-right-radius:10px;
}

TD.FORM_NO_HEADER 
{
	color:black;
	background-color : white;
	font-weight: normal;
	font-size:12px;
	padding:5px;
}

TH.FORM_NO_HEADER  TD
{
	color: white;
	background-color: #0a3c35;
	font-weight: bold;
	font-size:12px;
}

/*
 * FORM2
 */
TABLE.FORM2 
{
	font-size:12px;
	font-weight: bold;
	color: white;
	border-collapse:collapse;
	margin-top:5px;
	width:100%;
	overflow:hidden; /* Evite l'apparation d'une scrollbar verticale dans les tableaux sous Chrome à cause du margin-top */
}

TH.FORM2 
{
	color: white;
	background-color: #0a3c35;
	font-weight: bold;
	font-size:12px;
	vertical-align: middle;
	padding:3px;
	height:30px;
}

TH.FORM2:first-child
{
	border-top-left-radius:10px;
}

TH.FORM2:last-child
{
	border-top-right-radius:10px;
}

TD.FORM2 
{
	color:black;
	background-color : #d9f2ee;
	font-weight: normal;
	font-size:12px;
	padding:5px;
}

TH.FORM2 TD
{
	color: white;
	background-color: #0a3c35;
	font-weight: bold;
	font-size:12px;
}

TH.FORM2 TABLE TD:first-child /* Correspond à la cellule du pictogramme du tri */
{
	width: 15px;
}

TD.FORM2 a
{
	color:black;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
}

TD.FORM2 a:visited
{
	color: #3db59e;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
}

/*
 * FORM2_NO_HEADER 
 */
TABLE.FORM2_NO_HEADER  
{
	font-size:12px;
	font-weight: bold;
	color: white;
	border-collapse:collapse;
	width:100%
}

TH.FORM2_NO_HEADER  
{
	color: white;
	background-color: #d9f2ee;
	font-weight: bold;
	font-size:12px;
	height:1px;
}

TH.FORM2_NO_HEADER:first-child
{
	border-top-left-radius:10px;
}

TH.FORM2_NO_HEADER:last-child
{
	border-top-right-radius:10px;
}

TD.FORM2_NO_HEADER 
{
	color:black;
	background-color : #d9f2ee;
	font-weight: normal;
	font-size:12px;
	padding:5px;
}

TH.FORM2_NO_HEADER  TD
{
	color: white;
	background-color: #0a3c35;
	font-weight: bold;
	font-size:12px;
}

.PAGER
{
	font-weight: normal;
	font-size: 12px;
	color: #0a3c35;
	padding-top:5px;
}

.PAGER a
{
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
	color: #0a3c35;
}

.IMG
{
	border:none;
}

.IMG_MIDDLE
{
	border:none;
	vertical-align:middle;
}

.IMG_LINK
{
	vertical-align:middle;
	cursor: pointer;
	border:none;
}

.IMG_EVENT
{
	width:14px;
	vertical-align:middle;
	border:none;
}

.PANEL
{
	width:100%;
	text-align:left;
}

.PANEL_FIX_WIDTH
{
	text-align:left;
}

.PANEL .texte, .PANEL_FIX_WIDTH .texte, .PANEL2 .texte
{
	text-align:left;
}

TABLE.PANEL, TABLE.PANEL_FIX_WIDTH
{
	background-color: #ffffff;
	border: #0a3c35 1px solid;
	margin:auto;
}

TABLE.PANEL_SUIVI
{
	background-color: #ffffff;
	border: #0a3c35 1px solid;
	margin: 5px auto 0px auto;
}

td.PANEL, td.PANEL_FIX_WIDTH
{
	vertical-align:middle;
	padding: 5px 10px;
}

.PANEL2
{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:100%;
}

TABLE.PANEL2
{
	background-color: #ffffff;
	border: #0a3c35 1px solid;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	margin:auto;
}

td.PANEL2
{
	background-color: #ffffff;
	vertical-align:middle;
	padding: 5px 10px;
}

th.PANEL2
{
	background-color: #d9f2ee;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align:center;
	font-size:14px;
	vertical-align:middle;
	height:30px;
	color:#0a3c35;
}

.ongletMain 
{
	border-right: #0a3c35 1px solid; 
	border-top: medium none; 
	border-left: #0a3c35 1px solid; 
	border-bottom: #0a3c35 1px solid; 
	background-color: #ffffff;
	padding: 5px 10px;
}
.ongletMain .clsAction
{
	width:100%;
}
.ongletEntete 
{
	border-right: #0a3c35 1px solid; 
	border-top: #0a3c35 1px solid; 
	border-left: #0a3c35 1px solid; 
	border-bottom: #0a3c35 1px solid; 
	background-color: #C9DFDF;
}

.ongletTextEna 
{
	border-right: #0a3c35 1px solid; 
	border-top: #0a3c35 1px solid;
	border-bottom: medium;
	border-left: #0a3c35 1px solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold; 
	font-size: 12px;
	color: white; 
	background-color: #0a3c35; 
	text-align: center;
	padding:5px;
}

.ongletTextDis 
{
	border-right: #0a3c35 1px solid; 
	border-top: #0a3c35 1px solid; 
	border-bottom: #0a3c35 1px solid;
	border-left: #0a3c35 1px solid; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: normal; 
	font-size: 12px; 	
	color: #0a3c35; 	
	background-color: white; 
	text-align: center;
	cursor:pointer;
	padding:5px;
}

.ongletTextDisNotClickable
{
	border-right: #0a3c35 1px solid; 
	border-top: #0a3c35 1px solid; 
	border-bottom: #0a3c35 1px solid;
	border-left: #0a3c35 1px solid; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: normal; 
	font-size: 12px; 	
	color: grey; 	
	background-color: white; 
	text-align: center;
	padding:5px;
}

.ongletTextErr 
{
	border-right: #0a3c35 1px solid; 
	border-top: #0a3c35 1px solid; 
	border-bottom: #0a3c35 1px solid;
	border-left: #0a3c35 1px solid; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold; 
	font-size: 12px; 	
	color: #FFFFFF; 	
	background-color: #ED4F50;
	text-align: center;
	padding:5px;
}

.ongletMiddle 
{
	border-right: #0a3c35 1px solid; 
	border-top: medium none;
	border-bottom: medium none;
	font-size: 1px; 
	border-left: #0a3c35 1px solid;
	background-color: #ffffff;
}

.ongletSpace 
{
	border-bottom: #0a3c35 1px solid;
}


/* ***********************************
	CALENDRIER 
***************************************/
#caltitre, #caljour{
	text-align:center !important;
}
TD.CALENDRIER {
	background-color: #BBDDFF; 
	text-align: center; 
	font-size: 9px;
}

A.CALENDRIER {
	text-decoration: none; 
	color: #000000;
}
A.TODAY{
	text-decoration: none; 
	font-size: 11px;
}
.CALENDARBORDER {
	background-color: #000000; 
}

.CALENDARTITLE {
	background-color: #777788;
	text-align:center !important;
}

.CALENDARWEEK {
	background-color: #EEEEFF;
	text-align:center !important;
}

.CALENDARWEEK a
{
	font-size: 10px;
	color:#445566;
	font-weight:normal;
}

.CALENDARWEEKEND 
{
	background-color: #EEEEFF;
	text-align:center !important;
}

.CALENDARWEEKEND a 
{
	font-size: 10px;
	color:#AA6666;
	font-weight:normal;
}

.CALENDARSELECTED 
{
	background-color: #FFFFFF;
	font-size: 10px;
	font-weight:bold;
	text-align:center !important;
}

/* ***********************************
	WEB-DECLARATIONS 
***************************************/

/* INFO BULLE */
/* ---------------- */
div#info_bulle 
{
   	position: absolute;
   	background: #ffffe1;
   	color: #0a3c35;
   	padding: 2px;
   	border: 1px solid #0a3c35;   
   	z-index: 50; 
   	font-size: 11px;
   	width:300px;
   	text-align:left;  
}

/* TABLE WEB-DECLARATIONS*/
/* ---------------- */

TABLE.FORM_PAIEMENT 
{
	font-size:12px;
	color: white;
	border-collapse:collapse;
}

TH.FORM_PAIEMENT 
{
	color: white;
	background-color: #0a3c35;
	font-weight: bold;
	padding:3px;
	height:30px;
}

TH.FORM_PAIEMENT:first-child
{
	border-top-left-radius:10px;
}

TH.FORM_PAIEMENT:last-child
{
	border-top-right-radius:10px;
}

TD.FORM_PAIEMENT 
{
	color: #0a3c35;
	background-color : white;
	font-weight: normal;
	padding-top:2px;
	padding-bottom:2px;
}

TD.FORM_PAIEMENT2
{
	color: #0a3c35;
	background-color :  #d9f2ee;
	font-weight: normal;
	padding-top:2px;
	padding-bottom:2px;
}

TD.FORM_PAIEMENT3
{
	color: #0a3c35;
	background-color:white;
	font-weight: normal;
	padding-top:2px;
	padding-bottom:2px;
}

TD.FORM_PAIEMENT input
{
	width:100%;
}

table.tabOnglet
{
	margin: 0pt 10pt -1px 10pt; 
}

table.tabOnglet td.ongletTextEna, table.tabOnglet td.ongletTextDis, table.tabOnglet td.ongletTextDisNotClickable, table.tabOnglet td.espace
{
	padding:5px;
}

table.tabOnglet td.action
{
	padding:0px 0px 1px 0px;
	vertical-align:bottom; 
	text-align:left;
}

.buttonAjouterOnglet, .buttonSupprimerOnglet
{
	font-size:9px;
	width:18px;
	height:18px;
	border:none;
}

.buttonAjouterOnglet
{
	background-image: url(/view/images/AGIRIS/btn_add.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-position: center center;
	background-color:#D8D8D8;
	cursor:pointer;
}

.buttonSupprimerOnglet
{
	background-image: url(/view/images/AGIRIS/btn_delete.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-position: center center;
	background-color:#D8D8D8;
	cursor:pointer;
}

table.tabFormWeb 
{
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color:#0a3c35;
	background-color:white;		
	margin: 0pt 10pt 10pt 10pt;  
	padding: 0px;
	border-width:1px;
	border-collapse:collapse;	
	table-layout: fixed;
	width:98%;
}

table.tabFormWeb th 
{
	visibility:hidden;
}

table.tabFormWeb tr 
{
	background:none; 
}

table.tabFormWeb td 
{
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 12px;
    padding: 2px;
    border-color:#0a3c35;
    border-width:1px;
}

table.tabFormWeb td textarea
{
	resize:vertical;
}

.textarea
{
	white-space: pre-wrap;
	text-align: left;
	font-size:1em;
	color:blue;
}

.zoneContainer
{
    background-color: white;
    overflow:auto;
}

.leftContainer
{
    overflow:hidden;
}

.rightFloatContainer
{
    float:right;
    margin-left:2px;
    margin-right:2px;
}

.rightContainer
{
    overflow:hidden;
}

.leftFloatContainer
{
    float:left;
    margin-left:2px;
    margin-right:2px;
}

.input
{
	font-size:1em;
	color:blue;
}

.input100
{
	width:100%;
	font-size:1em;
	color:blue;
}

.inputNum100
{
	width:100%;
	font-size:1em;
	color:blue;
	text-align:right; 
} 

.inputError
{
	border: 2px solid red;
	background-color: #EABEC5;
}

.inputError:focus
{
	outline:none;
}

.inputWarning
{
	border: 2px solid #ED7F10;
	background-color: #F5D0A9;
}

.inputWarning:focus
{
	outline:none;
}

.buttonExtension
{
	font-size:1em;
	max-width:100px;
}

/* IMPRIMANTE */
/* ---------------- */
@page
{
	size: A4 portrait;	
	margin: 10mm 10mm 10mm 10mm;
}

@media print 
{	
	body 
	{
		overflow:hidden; 
		position: relative; 
		display:block;
		background:white;
		color:black !important;
		width:100%;
	}	
		
	div
	{
		overflow:hidden; 
		position: relative; 
		display:block;
		background:white;
		color:black !important;
	}
	
	span
	{
		color:black !important;
	}
				
	table
	{
		position:relative;
	}
		
	.GRID_FORM
	{
		text-align:center;
		margin:0;
	}
					
	table.tabFormWeb 
	{
		font-size: 10px;
		font-weight: normal;
		text-align:left;		
		color:black !important;
		background-color:white;		
		margin: 0;  
		padding: 0;		
		border-width: 1px;
		border-collapse: collapse;
		table-layout: auto !important;
		width:100% !important;
	}
																																										
	table.tabFormWeb th 
	{
		visibility:hidden;
	}
	
	table.tabFormWeb tr 
	{
		background:none; 
	}
		
	table.tabFormWeb td 
	{
	    background: none repeat scroll 0 0 #FFFFFF;
	    font-size: 10px;
	    padding: 2px;
	    border-color: black !important;
	    border-width: 1px !important;
	}
	
	table.tabFormWeb td textarea
	{
		resize:none;
	}
																												
	input[type=text], textarea
	{
		font-size: 10px;
 		border: none !important;
		background: transparent !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		color:black !important;
	}
																
	.noprint 
	{ 
		display: none; 
	}
		
	.BUTTON 
	{ 
		display: none;
	}
	
	#page_break
	{
		page-break-after : always !important;
	}
}

 /* Chrome Specific CSS : interprète mal les sauts de ligne à l'impression */
@media print and (-webkit-min-device-pixel-ratio:0) 
{
    #page_break{page-break-after : avoid;}
}

 /* Firefox Specific CSS : gère mal le border-collapse sur plusieurs pages (bordures extérieures manquantes) */
@-moz-document url-prefix() 
{
	@media print
	{
		table.tabFormWeb 
		{		
			border-color: gray !important;
			border-collapse:separate !important;
		}
		
		table.tabFormWeb td 
		{
		    border-color: gray !important;
		}
	}
}

/*POUR LE SUIVI */
.formSuivi{
	padding:0 5px 0 5px;
}
table.formSuivi{
	width:100%;
}
.formSuivi .clsAction{
	width:100%;
}
.formSuivi .suiviSelect{
	width:110px;
}

.formSuivi .clsAction td{
	vertical-align:top;
}
#zoneExport{
	display:none !important;
}
.zoneExportAfficherOff{
	display:none !important;
}

.zoneRechercheAfficherOff{
	display:none !important;
}

.lienSuiviDetailInfo{
	cursor:  pointer;
}
.suiviDetailInfo{
	z-index:9999;
	position: absolute;
	right:50px;
	width:500px;
}

.suiviDetailInfoCotisation{
	z-index:9999;
}
.lienSuiviDetailInfoCotisation{
	cursor:  pointer;
}

.lienClickPopinImage, .lienOverPopinImage
{
	cursor: pointer;
	vertical-align: middle;	
}

.popinImage
{
	z-index:9999;
	position: absolute;
	min-width: 300px;
}

.popinImagePanel
{
	background-color: #ffffe1;
	border: black 1px solid;
	padding: 4px;
	text-align:left;	
	max-width: 500px;
}

.popinImagePanel th, .popinImagePanel td
{
	background-color: transparent !important;
	border: none !important;
	font-size:12px !important;
	color:black !important;
	padding:0px !important;
}

.lienClickPopinDiv, .lienOverPopinDiv
{
	cursor: pointer;
	vertical-align: middle;	
}

.popinDiv
{
	z-index:9999;
	position: absolute;
}

.popinDivPanel
{
	background-color: #ffffe1;
	border: black 1px solid;
	padding: 4px;
	text-align:left;	
	min-width: 300px;
}

.separation
{	
	border-top: 1px dotted #0a3c35;
}

/* Pour les documents téléchargeables */
div.DOCUMENT_LINK
{
	margin: 10px auto;
}

div.DOCUMENT_LINK a, div.DOCUMENT_LINK a:visited
{
	-webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;	
	text-align:center;
	color:#0a3c35;
		
	background-color:white;
	width:100%;
	height:100%;
	
	display: -webkit-flex; /* Safari */
	display: flex;
	align-items: center;
}

div.DOCUMENT_LINK a:hover
{
    -webkit-box-shadow: 0 0 6px black;
    -moz-box-shadow: 0 0 6px black;
	box-shadow: 0 0 6px black;
}

div.DOCUMENT_LINK span
{
	margin:auto;
	text-align:center;
	padding: 0px 5px;
}

div.DOCUMENT_LINK img
{
	display:block;
	height: 75%;	
	margin: 0px 5px;
}

a.DOCUMENT_LINK_CFN, a.DOCUMENT_LINK_CFN:visited
{
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	color:#0a3c35;
}

a.DOCUMENT_LINK_CFN:hover
{
	text-decoration:underline;
}

/*POUR LA gestion des actualites*/
#zoneActualite 
{
	font-weight: normal;
	font-size: 12px;
	color: #0a3c35;
	margin-left:30px;
}

#zoneActualite .titreActualite
{
	font-weight: bold;
	font-size: 16px;
	height:25px;
}

#zoneActualite .titreActualite img
{
	margin-top:-3px;
}

#zoneActualite .contenuActualite
{
	margin-left:20px;
	padding:5px
}

#zoneActualite .contenuActualite, #zoneActualite .contenuActualite p
{
	font-size: 12px;	
}

#zoneActualite .contenuActualite ul
{
	margin: 10px 0px;
}

#zoneActualite .titreActualite.standard 
{
	color: #0a3c35;
}

#zoneActualite .titreActualite.critique 
{
	color: red;
}
#zoneActualite .titreActualite.importante 
{
	color: #ff6600;
}
#zoneActualite .titreActualite.resolution 
{
	color: green;
}

#zoneActualite .contenuActualite.critique
{	
	border-left: 10px solid red;
	margin-left: 25px;
}

#zoneActualite .contenuActualite.importante
{
	border-left: 10px solid #ff6600;
	margin-left: 25px;
}
#zoneActualite .contenuActualite.resolution
{
	border-left: 10px solid green;
	margin-left: 25px;
}


/*Ecran de contact*/
#contact 
{
	font-weight: normal;
	font-size: 10px;
	color: black;
	width:900px;
	margin:auto;
}


#voileNoir
{
	position: fixed;
	top:0;
	left :0;
	width:100%;
	height:100%;
	display: none;
	z-index:10000;
	background: black;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    -moz-opacity:0.5;
	font-size: 14px;
	color:white;
	font-weight:normal;
    text-align: center;
}

#voileNoir div
{
	position:absolute; top:48%;left:50%
}

/* --------------------- */
/* 		DIALOG BOX		 */
/* --------------------- */

.ui-widget
{
	font-size: 12px;
}

.ui-widget-content
{
	color:#0a3c35;
}

.ui-dialog .popinImage
{
	position: fixed; /* Sinon l'infobulle 'maison' ne s'affiche pas correctement dans une boite de dialogue */
}
.textePetit
{
	font-size:10px;
	margin-top:5px;
	letter-spacing: -1px;
}

/* --------------------- */
/* 		ALERTE BOX		 */
/* --------------------- */

.alerte
{
	padding-left: 30px;
	font-size: 12px;
	font-weight: bold;
	height:30px;
	line-height:30px;
}

.alerte.resolution
{	
	background : #cbe8cb url(/view/images/AGIRIS/actualite_RESOLUTION.png) no-repeat 5px 6px;
	color: green;
}

.alerte.critique
{	
	background : #eabec5 url(/view/images/AGIRIS/actualite_CRITIQUE.png) no-repeat 5px 4px;
	color: red;
}

.alerte.importante
{
	background : #F5D0A9 url(/view/images/AGIRIS/actualite_IMPORTANTE.png) no-repeat 5px 4px;
	color: #ff6600;
}


/* --------------------- */
/* 		Tree view CFN	 */
/* --------------------- */
#treeViewCFN td ,#treeViewCFN a , .emplacementCFN a
{
	color: #0a3c35;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	height:24px;
}

#treeViewCFN a:hover , .emplacementCFN a:hover 
{
	color: #606ec3;
}

#treeViewCFN img
{
	vertical-align: middle;
	margin-right:3px;
	width:20px;
}

.popinCfn
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:20000;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.4);
	/*opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier 
    -moz-opacity:0.5;*/	
}

table.popinCfnTable
{
	position: relative;
	margin: 20% auto;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    -moz-opacity:1;	
    width:600px
}

.progressBar
{
	height:15px;
	line-height:15px;
	width:100%;
	padding:1px;
	background : #e4e4e8;
	border: #b4b5bb 1px solid;
}

.progressBarValeur
{
	background : #0ab90a;
	height:100%;
	text-align: center;
	font-size: 10px;
}

.progressBarValeur.p70
{
	background : #f0d127;
}

.progressBarValeur.p80
{
	background : #ec9627;
}

.progressBarValeur.p90
{
	background : #e61515;
	color:#fff;
}

.progressBarValeur.p100
{
	background : #760000;
	color:#fff;
}

.cfnDocNiveauSuppression3
{
	color : #DBBF24;
}

.cfnDocNiveauSuppression2
{
	color : #ec9627;
}

.cfnDocNiveauSuppression1
{
	color : #e61515;
}

/* --------------------- */
/* 		Captcha		     */
/* --------------------- */

#o-captcha
{
	margin:auto;
	width:350px;
	border: 1px solid gray;
	margin: 10px auto;
}

#o-captcha-right
{
	float:right; 
	width:35px; 
	text-align:center;
	border-left: none;
	cursor: pointer;
}

#o-captcha-right div:hover
{
	background-color:#e4e4e8;
}

#o-captcha-right div:active 
{
	transform: scale(0.98);
	box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}

#o-captcha-right img
{
	padding: 4px 0px;
}

#o-captcha-left
{
	overflow:hidden;
}

#o-captcha-left audio, #o-captcha-left img
{
	height:40px;
	width:315px;
}

#o-captcha-left input
{
	height:23px;
	width:315px;
}

/* ----------------------------- */
/* 		Password Compliance 	 */
/* ----------------------------- */

.display_none
{
	display:none;
}

.compliant
{
	background: url(/view/images/AGIRIS/etatSuivi/OK.png)  no-repeat 0% 50% / 12px;
	font-weight: bold;
	font-size: 12px;
	color: green;
	padding-left:20px;
	margin-top:3px;
	margin-left:3px;
}

.not_compliant
{
	background: url(/view/images/AGIRIS/etatSuivi/KO.png)  no-repeat 0% 50% / 12px;
	font-weight: bold;
	font-size: 12px;
	color: red;
	padding-left:20px;
	margin-top:3px;
	margin-left:3px;
	white-space:nowrap;
}