@IMPORT url("composants_lot1.css");
/************************************************************************
 *                        CSS de base du socle G2
 ***********************************************************************/

/** ----------------- Styles de base des éléments HTML -------------- **/
HTML {
	border: 0 none;
	font-size: 100%;
}

BODY {
	font-size: 10pt;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

H1 {
	font-size: 1.2em;
	line-height: 1.3em;
}

H2 {
	font-size: 1.2em;
	line-height: 1.2em;
}

H3,LEGEND {
	font-size: 1.2em;
	line-height: 1.2em;
}
/** ----------------- Styles du layout ------------------------------ **/
DIV#header {
	clear: both;
	margin: 0;
}

DIV#header h1 {
	margin: 1px;
	padding: 0.2em;
	text-align: center;
}

DIV#services {
	clear: both;
	font-size: 10pt;
}

DIV#footer {
	clear: both;
	font-size: 0.8em;
	margin-top: 1em;
}

DIV#footer h3 {
	border-top: 1px solid silver;
	margin: 1px;
	padding: 0.2em;
	text-align: center;
}

.breadCrumb {
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
}



/* Style des messages               
.messenger {
	
}*/

/* Styles des boutons               */
.commands {
	clear: both;
	display: block;
	margin: 0.5em auto 0 auto;
	padding: 0.5em;
	text-align: center;
}

.commands>BUTTON,.commands>INPUT,.commands>.button {
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	margin: 0 auto;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	width: 100px;
	border-style: solid;
}

.commands>.button {
	display: inline-block;
	padding-bottom: 4px;
	padding-top: 4px;
}

.commands>* {
	margin-right: 0.5em;
}

/* Styles de base des pictos        */
A.picto {
	font-size: 0;
	height: 18px;
	width: 18px;
}


/* Champs  numérique                */
INPUT.t-number {
	text-align: start;
}

/* Pointeur sur label               */
LABEL[for] {
	cursor: pointer;
}

/**Surcharge le comportement Tapestry*/
INPUT.t-error,TEXTAREA.t-error,SELECT.t-error {
	font-style: normal !important;
	border-style: solid;
}
/** ----------------- Styles de disposition ------------------------- **/

/* Styles du corps de la page       */
.content,.content1,.content2,.content3,.content4 {
	line-height: 1.3em;
	margin: 3px auto !important;
	padding: 1px 0 !important;
	vertical-align: middle;
	width: 100%;
}

.content4 {
	width: 1680px !important;
}

.content3 {
	width: 1280px !important;
}

.content2 {
	width: 1024px !important;
}

.content1 {
	width: 800px !important;
}

/* Styles des blocks                */
.block,.block1,.block2,.block3,.block4 {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: auto;
	min-height: 0.5em;
}

.block1 {
	width: 100% !important;
}

.block2 {
	width: 49.6% !important;
}

.block3 {
	width: 32% !important;
}

.block3.auto {
	width: 64% !important;
}

.block4 {
	width: 23% !important;
}

.block.auto {
	width: 74% !important;
}

/* Styles des panels                */
.panel,.panel1,.panel2,.panel3,.panel4 {
	clear: both;
	display: inline-block;
	margin: 0 2px 1em;
	padding: 0;
	vertical-align: top;
	width: auto;
}

#body {
	margin: 0 0 1em;
}

.panel1 {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.panel2 {
	width: 49% !important;
}

.panel3 {
	width: 32% !important;
}

.panel3.auto {
	width: 64% !important;
}

.panel4 {
	width: 23% !important;
}

.panel4.auto {
	width: 74% !important;
}

/* Styles des series de champs */
.fieldseries,.itemseries {
	line-height: 2em;
	margin: 2px 0;
	padding: 0;
	width: 100%;
}

.fieldseries,.itemseries {
/*	border: 1px solid transparent;*/
}

FIELDSET {
	border: 1px solid black !important;
}

.fieldseries>DIV,.itemseries>DIV {
	display: inline-block;
	overflow: hidden;
}

.fieldseries>DIV.formFragment,.itemseries>DIV.formFragment {
	display: block;
	overflow: hidden;
	height: auto !important;
	width: auto;
}

/* .zoning3>DIV.formFragment {
	display: block;
	overflow: hidden;
	height: auto !important;
	width: 72%;
} */

.fieldseries>DIV {
	white-space: nowrap;
}

.fieldseries>DIV.field,.itemseries>.item {
	width: auto !important;
}

.fieldseries.field1>DIV,.itemseries.item1>DIV {
	width: 100%;
	margin: 1px;
}

.fieldseries>DIV.field1,.itemseries>.item1 {
	width: 100% !important;
}

.fieldseries.field2>DIV,.itemseries.item2>DIV {
	width: 49%;
	margin-top: 5px;
	margin-bottom: 5px;	
}

.fieldseries>DIV.field2,.itemseries>.item2 {
	width: 49% !important;
}

.fieldseries>DIV.field2.auto,.itemseries>.item2.auto {
	width: 49% !important;
}

.fieldseries.field3>DIV,.itemseries.item3>DIV {
	width: 32%;
}

.fieldseries>DIV.field3,.itemseries>.item3 {
	width: 33% !important;
}

.fieldseries>DIV.field3.auto,.itemseries>.item3.auto {
	padding-right: 2px;
	width: 64% !important;
}

.fieldseries.field4>DIV,.itemseries.item4>DIV {
	width: 25%;
}

.fieldseries>DIV.field4,.itemseries>.item4 {
	width: 25% !important;
}

.fieldseries>DIV.field4.auto,.itemseries>.item4.auto {
	width: 75% !important;
}

.fieldseries>DIV>*,.itemseries>DIV>* {
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
	text-align: start;
	vertical-align: middle;
	white-space: nowrap !important;
}

.fieldseries>DIV>INPUT {
	margin-left: 7px;
} 

.fieldseries>DIV>SELECT {
	display: inline-block;
	width: auto;
	margin-left: 8px;
}

.field3 SELECT,.field4 SELECT {
	max-width: 60%;
	margin-left: 8px;
}

.fieldseries>DIV>SELECT>OPTION {
	font-size: 10pt;
	width: auto;
}

.fieldseries>DIV>RADIO {
	display: inline-block;
	margin: 3px 35% 3px 3px !important;
	width: auto;
	margin-left: 8px;
}

.fieldseries>DIV IMG.t-calendar-trigger,.itemseries>DIV IMG.t-calendar-trigger,.fieldseries>DIV IMG.t-error-icon,.itemseries>DIV IMG.t-error-icon
	{
	display: inline-block;
	padding: 0px;
}

.fieldseries>DIV>LABEL {
	display: inline-block;
	padding-left: 9px;
	text-align: right;
}

.fieldseries>DIV>SPAN:first-child {
	display: inline-block;
	padding-left: 9px;
	font-style: normal;
}

.fieldseries>DIV>SPAN:first-child+SPAN {
	font-style: normal;
	font-weight: bold;
}

/* .value {
	font-weight: normal;
	width: auto !important;
	font-weight: bold;
} */
.fieldseries .label1,.label1 LABEL,.label1 DIV>SPAN:first-child {
	width: 20em;
}

.fieldseries .label2,.label2 LABEL,.label2 DIV>SPAN:first-child {
	width: 14em;
}

.fieldseries .label3,.label3 LABEL,.label3 DIV>SPAN:first-child {
	width: 8em;
}

.fieldseries .label4,.label4 LABEL,.label4 DIV>SPAN:first-child {
	width: 5em;
}

DL.t-beandisplay DT {
	text-align: left;
	width: 100px;
}

DL.t-beandisplay {
	text-align: left;
	width: 98%;
}

/*
DIV.t-beaneditor {
	
}*/

/*
DIV.t-beaneditor-row {
	
}*/

/*
DIV.t-beaneditor-row label {
	
}*/
DIV.ck_slidingPanelContent {
	overflow: auto !important;
}

TABLE.t-data-grid {
	margin: 0 auto;
}

IMG.t-calendar-trigger {
	vertical-align: middle;
}

.t-invisible {
	display: none !important;
}

.table,.TABLE {
	display: table;
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
}
/**
* [CGMOIHM-165] Mise en evidence des bouton d'actions dans les tableaux
*/
table>tbody>tr:hover td a.action img {
	width: 30px;
	height: 30px;
	top: 120px;
}

table>tbody>tr {
	width: 40px;
	/**
	*height: 60px; supprimé car cela génère une ligne vide à la fin du grid!
	*/
	
	top: 140px;
}

table>tbody>tr td:hover a.action img {
	width: 30px;
	height: 30px;
	top: 120px;
}

ul>li.hover>span>a.action img {
	height: 30px;
}

.g2_list>li.hover>span>a.action img {
	height: 30px;
}

ul>li {
	height: 3em;
}

.g2_list>li {
	height: 30px;
}

/** Fin CGMOIHM-165*/
.wrapper {
	display: table;
}

.wrapper .top,.wrapper .middle,.wrapper .bottom {
	display: table-row;
}

.wrapper .left,.wrapper .center,.wrapper .right {
	display: table-cell;
}

datePicker .todayButton,.datePicker .noneButton {
	width: 60px;
}

.datePicker td.today {
    font-weight: none !important;
}

.t-error-popup {
	z-index: 2;
}

.accordion_tit:hover {
	cursor: pointer;
}

/**
Groupement fonctionnel
*/
.group {
	background-color: #F3F3D9;
	height: 100%;
	padding-top: 5px;
}

.group>.group {
	border-color: #F3F3D9;
}

.group>label {
	padding-left: 10px;
}

.group>.block {
	padding-left: 10px;
}

/****************************************************************************/
/*								Zoning consultation 						*/
/****************************************************************************/
.itemseries.item1>p {
	padding-left: 9px;
}

.table.zoning,.TABLE.zoning {
	display: table;
	border-collapse: separate;
	border-spacing: 0.3em 0.3em;
	width: 100%;
}

.cell.zoning {
	display: table-cell;
}

.row.zoning {
	display: table-row;
	height: 100%;
}

/*----------------- Hauteur variable (dépendant du contenu du bloc)----------------*/
/* combinaison 1 : separation entre ligne 1 et ligne 2 */
.block2.zoning+.block2.zoning+.block1.zoning {
	margin-top: 0.3em;
}
/* combinaison 1 : espacement à gauche */
.block2.zoning.group+.block2.zoning.group {
	margin-left: 0;
}
/* combinaison 2 : ligne 1 colonne 2 */
.block2.zoning+.block2.zoning+.block2.zoning {
	margin-top: 0.3em;
	margin-left: 0;
}
/* combinaison 2 : ligne 1 colonne 2 */
.block2.zoning+.block2.zoning+.block2.zoning+.block2.zoning {
	margin-top: 0.3em;
	margin-left: 0.15em;
}
/* combinaison 5 : espacement entre les lignes*/
.block3.zoning+.block3.zoning+.block3.zoning+.block3.zoning {
	margin-top: 0.3em;
}
/* combinaison 5 : espacement à gauche */
.block3.zoning.group {
	margin-left: 0.2em;
}
/*------------------ Hauteur fluide (ne dépendant pas du contenu du bloc) --------------*/
/* composition 1 : hauteur fluide */
.table.zoning.group {
	margin-left: 0.2%;
	width: 99.4%;
}
/* composition 1 */
.block1.zoning.group {
	width: 99.6% !important;
}
/*composition 1 et 2*/
.row.zoning>.cell.zoning.group+.cell.zoning.group {
	width: 50%;
}
/* composition 3 et 4 */
.table.zoning>.cell.zoning>.group {
	padding-top: 0.6em;
	padding-bottom: 0.09em;
}
/* combinaison 3 et 4 :  colonne + ligne 2 */
.cell.zoning>.group+.group {
	margin-top: 0.2em;
}
/* combinaison 3 et 4 :  colonne 2*/
.table.zoning>.cell.zoning+.cell.zoning {
	width: 50%;
}
/* composition 5  hauteur fluide */
.cell.block3.zoning.group {
	height: 100%;
	margin-right: 0.3em;
}
/****************************************************************************/

/**Mise en évidence de sélection d'une ligne 
tr.selection {
	
}*/

/**********************************************************************/
/*	Zonings champs de formulaire et messages de validation mono champ */
/**********************************************************************/
.zoning3>DIV>.one.short.g2-help+img.t-error-icon,.zoning3>DIV>.one.short.g2-ok+img.t-error-icon,.zoning3>DIV>.one.short.t-error+img.t-error-icon
	{
	display: inline-block;
	background-repeat: repeat-x;
	height: 2px;
	position: relative;
	right: 0;
	width: 100%;
	top: 1em;;
	z-index: 0;
	height: 2px;
	vertical-align: top;
}

.zoning3 img.t-error-icon {
	background: none;
	height: auto;
	margin-left: auto;
	width: auto;
}

.zoning3 label,.zoning3 span,.zoning3 [name] {
	vertical-align: middle;
	z-index: 1;
}

.zoning3 [name] {
	width: 75.5%;
}

.zoning3 select[name] {
	width: 76.7%;
}

.zoning3>Div .short,.zoning3>Div .short,.zoning3>Div INPUT[type='checkbox'],.zoning3>Div INPUT[type='radio'] {
	width: auto;
}

.zoning3 {
	margin: 2px 0;
	padding: 5px 0 0;
}

.zoning3>DIV {
	display: inline-block;
	white-space: nowrap;
	width: 72%;
	min-height: 2em !important;
	overflow: hidden;
	position: relative !important;
	z-index: 1;
}

/**Zone label*/
.zoning3>DIV>LABEL:first-child,.zoning3>DIV>SPAN:first-child {
	display: inline-block;
	margin-left: 0;
	margin-right: 1%;
	text-align: right;
	width: 21%;
	overflow: hidden;
	white-space: normal;
	line-height: 15px;
}
.zoning3>DIV.formFragment>input:FIRST-CHILD + SPAN,.zoning3>DIV.formFragment> input:FIRST-CHILD + LABEL{
	display: inline-block;
	margin-left: 0;
	margin-right: 1%;
	text-align: right;
	width: 21%;
	overflow: hidden;
	white-space: normal;
	line-height: 15px;
}
}
.zoning3>DIV>LABEL,.zoning3>DIV>SPAN {
	margin-left: 2%;
	text-align: left;
	margin-right: 0;
}

.zoning3>DIV>INPUT:first-child {
	display: inline-block;
	margin-left: 18.6% !important;
	width: auto;
}

.zoning3>DIV.group DIV>LABEL:first-child,.zoning3>DIV.group DIV>SPAN:first-child
	{
	display: inline-block;
	margin-left: 0;
	margin-right: 1%;
	text-align: right;
	width: 21%;
	overflow: hidden;
	white-space: normal;
}

.zoning3>DIV.group>DIV>LABEL,.zoning3>DIV.group>DIV>SPAN {
	margin-left: 2%;
	text-align: left;
	margin-right: 0;
}

.zoning3>DIV.group>DIV>INPUT:first-child {
	margin-left: 18.6% !important;
	width: auto;
}

/**Zone Contenu*/
.zoning3 DIV>INPUT[type="text"].long,.zoning3 DIV>Select.long,.zoning3 DIV>Textarea.long,.zoning3 DIV>SPAN.long
	{
	width: 77.5%;
}

.zoning3 DIV>INPUT[type='checkbox'],.zoning3 DIV>INPUT[type='radio'] {
	margin-left: 1px;
}

.zoning3 DIV>INPUT.short {
	width: auto;
}

.zoning3 DIV>.top {
	vertical-align: top;
}

.zoning3 DIV DIV>* {
	width: auto;
}

.zoning3 DIV {
	padding: 3px;
	margin-left: 2%;
}

.zoning3 DIV>DIV {
	display: inline-block;
	vertical-align: top;
}

.zoning3 DIV>DIV>LABEL {
	vertical-align: middle;
}

.zoning3 DIV.row {
	border-left: medium solid black;
	display: inline-block;
}

.zoning3 p {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.zoning3 DIV DIV>LABEL.spaced {
	padding-right: 3px;
	padding-left: 3px;
}

/********************************************************/
/*		Alignement des boutons au sein d'un zoning3     */
/********************************************************/
.commands.zoning3 {
	clear: both;
	display: block;
	padding: 1.5em;
	position: relative;
	height: 20px;
}

.commands.zoning3>button,.commands.zoning3>input,.commands.zoning3>.button
	{
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	margin: 0 auto;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	width: 100px;
}

/* bouton zone content */
.commands.zoning3>.zonecontent {
	position: absolute;
	left: 18.8%;
}
/* bouton zone label */
.commands.zoning3>.zonelabel {
	position: absolute;
	right: 83%;
}
/* bouton zone message */
.commands.zoning3>.zonemsg {
	position: absolute;
	left: 77%;
}

/********************************************************/
/*			Zone de message d'un zoning3                */
/********************************************************/
/* Le parent relatif pour que la zone elle-même soient en absolu */
.zoning3 div.g2-zoning-msg-parent {
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 23%;
	overflow: visible;
	margin-left: 0.5em;
	vertical-align: top;
}
/* La zone message */
.zoning3 div.g2-zoning-msg {
	position: absolute;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	line-height: 1em;
	font-size: 0.8em;
	white-space: normal;
	top: 20%;
}
/* Un paragraphe de message au sein de la zone */
.zoning3 div.g2-zoning-msg p {
	border: 0 none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Zone de message survolé par la souris : l'overflow devient visible*/
.zoning3 div.g2-zoning-msg.hover {
	overflow: visible;
	height: auto;
}
/* Paragraphe de message survolé par la souris : l'overflow devient visible*/
.zoning3 div.g2-zoning-msg.hover p {
	overflow: visible;
	white-space: normal;
}

/**
	Gestion de l'affichage des champs obligatoire : CGMOIHM-50
*/
.zoning3-field-context label {
	white-space: normal !important;
}

.zoning3-field-context label.required.short {
	margin-top: 0.2em;
}



/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
.zoning3-field-context label.required {
	background-image: none;
}

.zoning3-field-context label.required.short+*[name] {
	background-image: none;
}


.zoning3-field-context label.notRequired.short {
	vertical-align: top;
}

.zoning3-field-context label.short {
	height: 3em;
}

/*[HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
.zoning3-field-context  label.required+*.set[name] {
	background-image: none;
}

.zoning3-field-context label.required+*[name]:focus {
	background-image: none;
}


/** inutile
.zoning3-field-context div.labelClass {
	
}
*/

.zoning3-field-context label.short+span.mandatory {
	font-size: x-small;
	font-style: oblique;
	left: 8px;
	margin-top: -13px;
	position: absolute;
	top: 2.5em;
}

.zoning3-field-context label.required+span.mandatory {
	position: absolute;
	margin-left: 0.5em;
}

.zoning3-field-context label.required.short+span.validationSpan {
	display: none;
}

.zoning3-field-context label.required+span.set {
	display: none;
}

.zoning3-field-context div.divLabelShort {
	position: relative;
}

.zoning3-field-context {
	position: relative;
}

/**
Gestion de l'affichage des champs facultatifs

*/
.zoning3-field-context.optional-context label {
	white-space: normal !important;
}


.zoning3-field-context.optional-context label.required.short {
	/** [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
	vertical-align: top;
}


.zoning3-field-context.optional-context label.notRequired {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}

.zoning3-field-context.optional-context label.required+*[name] {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}
*/

.zoning3-field-context.optional-context label.notRequired.short {
	height: 3em;
	/*margin-top: -0.3em;*/
}


.zoning3-field-context.optional-context label.notRequired.short+*[name]
	{
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}


/* inutile
.zoning3-field-context.optional-context div.divLabelShort {
}
*/

.zoning3-field-context.optional-context label.notRequired+*.set[name] {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}


.zoning3-field-context.optional-context label.notRequired+*[name]:focus {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}


/**
Le mode obligatoire/facultatif est toujours appliqué en zoning3
*/
.zoning3 label {
	white-space: normal !important;
}

	
.zoning3 label.required {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}

/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
.zoning3 label.required:after {
	content: none;
}

.zoning3 label.required.short {
	margin-top: 0.2em;
}

.zoning3 label.required.short+*[name] {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}

.zoning3 label.notRequired.short {
	vertical-align: top;
}

.zoning3 label.short {
	height: 3em;
}

.zoning3  label.required+*.set[name] {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none
}

.zoning3 label.required+*[name]:focus {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}
*/

/* Inutile
.zoning3 div.labelClass {
	
}
*/

/**
Gestion de l'affichage des champs facultatifs
*/
.zoning3.optional-context label {
	white-space: normal !important;
}

.zoning3 div.divLabelShort {
	position: relative;
}

.zoning3.optional-context label.notRequired.short {
	height: 3em;
	margin-top: -0.3em;
}

.zoning3.optional-context label.required+*[name] {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}

.zoning3.optional-context label.notRequired {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
	vertical-align: top;
}

.zoning3.optional-context label.required.short {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
	vertical-align: top;
}

.zoning3.optional-context label.notRequired.short+*[name] {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}

.zoning3.optional-context label.notRequired+*.set[name] {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}

.zoning3.optional-context label.notRequired+*[name]:focus {
	/* [HD0000000115703] - url d'image pointe sur la css elle-même => lien cassé sous chrome */
	background-image: none;
}

.zoning3 div.g2-zoning-msg.t-error p {
	height: 30px;
	padding: 3px 0 3px 22px;
}
/**************************************************************************/
/*          fusion de l intranet.css et extranet.css                      */
/**************************************************************************/
html {
	font-family: arial;
	color: black;
}

.panel h1,.panel1 h1,.panel2 h1,.panel3 h1,.panel4 h1 {
	font-weight: bold;
}

.panel h2,.panel1 h2,.panel2 h2,.panel3 h2,.panel4 h2 {
	font-weight: bold;
}

.panel h3,.panel1 h3,.panel2 h3,.panel3 h3,.panel4 h3 {
	font-weight: bold;
	font-size: 10pt;
}

a:LINK,a:VISITED,a:ACTIVE {
	text-decoration: none;
}

.para.warn,P.warn,.para.important,P.important {
	padding: 0.5em;
	font-style: normal;
}

.breadCrumb {
	clear: left;
	color: #FF9900;
	/*border-bottom: 1px solid #FF9933;*/
	padding-left: 3px;
}

.dialog ul {
	text-align: left;
}

.comment {
	font-size: 0.8em;
}

.info {
	
}

.warn {
	font-weight: bold;
	font-style: italic;
}

.important {
	font-weight: bold;
}

.para.warn,P.warn {
	font-weight: normal;
}

.para.important,P.important {
	font-weight: bold;
}

.messenger {
	background-color: #FFFF99;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	line-height: 1.8em;
}

.messenger H3 { /*background-color: yellow;
	color: red;
	margin: 0 auto;
	border-bottom: 1px solid red;*/
	/* TODO pas de titre d'erreur dans G1, a confirmer MO IHM */
	display: none;
}

.messenger UL {
	margin: 0;
}

.messenger LI {
	font-style: normal !important;
}

.messenger LI.warn,.messenger LI.important {
	color: #FF0000;
}

.commands>button.td,.commands>input.td,.commands>.button.td,.button {
	width: 90px;
	text-align: center !important;
}

*[disabled="disabled"] {
	z-index: -1;
	opacity: 0.35;
	filter: alpha(opacity =                                                         
		 35);
	cursor: default !important;
}

.display,.display[disabled="disabled"] {
	border: 0 none transparent !important;
	opacity: 1 !important;
	filter: alpha(opacity =                                                       
		 100) !important;
	color: black !important;
	background-color: transparent !important;
	font-weight: bold !important;
}

div.t-error { /* CGMOIHM-99 */
	/*  position: fixed;*/
	/* fin CGMOIHM-99 */
	border: none;
	margin-top: -2px;
	width: 100%;
	line-height: 1.8em;
}

div.t-error div {
	display: none;
}

div.t-error ul {
	font-weight: bold;
	list-style-type: disc;
}

.wrapper .top .left,.wrapper .top .right,.wrapper .bottom .left,.wrapper .bottom .right
	{
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: white;
}

div.t-autocomplete-menu {
	background-color: white;
	border: 1px outset black;
	margin-top: 0;
	padding-top: 4px 6px;
}

div.t-autocomplete-menu div.title {
	display: table;
	table-layout: auto;
	border-collapse: collapse;
	line-height: 1em;
}

div.t-autocomplete-menu div.title div {
	display: table-cell;
	width: 33%;
}

div.t-autocomplete-menu div.title h3 {
	background-color: white;
	display: table-cell;
	color: #A0A0A0;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center;
	border-bottom: 0;
	width: 33%;
	padding: 0;
	background: none;
}

div.t-autocomplete-menu ul {
	background-color: white;
	border-top: 1px dotted black;
	margin-top: 0;
	padding: 0;
	border: none;
	/*max-height: 20em;
    overflow: auto;*/
}

div.t-autocomplete-menu.withInformals ul .key {
	font-size: 0;
}

div.t-autocomplete-menu li {
	color: black;
	line-height: 1.5em;
	font-size: 0.9em;
	border-bottom: none;
}

div.t-autocomplete-menu li.selected {
	color: black;
	background-color: lightgray;
	font-weight: normal;
}

.toggler.down {
	cursor: pointer;
	display: inline-block;
	height: 15px;
	margin-top: 0;
	margin-right: 5px;
	overflow: hidden;
	width: 15px;
}
/**********************************************************
 						zoning3	
***********************************************************/
.zoning3 div.g2-zoning-msg {
	padding-left: 1.5em;
	background-repeat: no-repeat;
}


.zoning3 DIV.row:BEFORE {
	margin-left: -1.04em;
	position: absolute;
}

/**
* Style permettant de differencier les libellés des valeurs 
*/
/* .zoning3 Label.value {
	font-style: italic;
} */

/* .commands.zoning3>button,.commands.zoning3>input,.commands.zoning3>.button
	{
	background-image: none;
	border-bottom: 1px solid #FFFFFF;
	font-size: 10px;
	color: #000000;
} */
.commands.zoning3>.principal {
	background-image: none;
	border-bottom: 1px solid #FFFFFF;
}

/********************************************************/
/********************************************************/
/* CSS lié a la page d'erreur 							*/
/********************************************************/
.imgErrorpage {
	width: 60%;
	vertical-align: middle;
}

.txtErrorpage {
	text-align: left;
	padding-left: 5px;
}

/**Mise en évidence de sélection d'une ligne */
tr.selection {
	background-color: graytext !important;
}

/****************************************************************************/
/*CGMOIHM-99*/
div.t-error ul.click {
	display: none;
} /*Fin CGMOIHM-99*/
/****************************************************************************/
/*				Lot3 03/2013								        		*/
/****************************************************************************/
label.trunked:first-child {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

label.trunked+span.classic {
	color: #000000;
	margin-left: -999em;
	position: absolute;
	background: none repeat scroll 0 0 #FFFFAA;
	border: 1px solid #FFAD33;
}

label.trunked:hover+span {
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	left: 1em;
	margin-left: 0;
	margin-top: 15px;
	position: absolute;
	top: 5px;
	z-index: 200;
}

.zoning3>DIV>LABEL.trunked:first-child {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.zoning3 label.trunked+span.classic {
	color: #000000;
	margin-left: -999em;
	position: absolute;
	background: none repeat scroll 0 0 #FFFFAA;
	border: 1px solid #FFAD33;
}

.zoning3 label.trunked:hover {
	overflow: visible;
	white-space: normal;
	z-index: 300;
	background-color: #F3F3D9;
}

.zoning3 label.trunked:hover+span {
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	left: 1em;
	margin-left: 0;
	margin-top:15px;
	position: absolute;
	top: 5px;
	z-index: 200;
}

.fieldseries>DIV>LABEL.trunked:first-child {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	/*width: 65px;*/
}

.fieldseries label.trunked+span {
	color: #000000;
	margin-left: -999em;
	position: absolute;
}

.fieldseries label.trunked+span.classic {
	background: none repeat scroll 0 0 #FFFFAA;
	border: 1px solid #FFAD33;
}

.fieldseries label.trunked:hover {
	overflow: visible;
	white-space: normal;
	z-index: 300;
	height: auto;
	/*background-color: #F3F3D9;
	border: 2px outset #7C1D1D;*/
}

.fieldseries label.trunked:hover+span {
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	left: 1em;
	margin-left: 0;
	margin-top: 15px;
	position: absolute;
	top: 5px;;
	z-index: 200;
}

p.trunked:first-child,span.trunked:first-child {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	display: block;
}

p.trunked+span.classic,span.trunked+span.classic {
	color: #000000;
	margin-left: -999em;
	position: absolute;
	background: none repeat scroll 0 0 #FFFFAA;
	border: 1px solid #FFAD33;
	display: none;
}

.posrelative {
	position: relative;
	overflow: visible !important;
}

zoning3>DIV>.posrelative,.fieldseries>DIV>.posrelative,.itemseries>DIV>.posrelative
	{
	overflow: visible !important;
}

.fieldseries>DIV>SPAN.trunked:first-child {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.fieldseries span.trunked+span.classic {
	background: none repeat scroll 0 0 #FFFFAA;
	border: 1px solid #FFAD33;
	display: none;
}

/***************************************************************************/
td span.trunked+span.classic {
	background: none repeat scroll 0 0 #FFFFAA;
	border: 1px solid #FFAD33;
	display: none;
}

.posrelative p.trunked:hover+span.classic,.posrelative span.trunked:hover+span.classic
	{
	overflow: visible !important;
	display: inline-block;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	left: 1em;
	margin-left: 45px;
	margin-top:18px;
	position: absolute;
	top: -0.11em;
	z-index: 200;
	min-width: 100px;
}
/***************************************************************************/
/*					Autocomplete à sections - lot3		  			       */
/***************************************************************************/
.separator {
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

/***************************************************************************/
.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.blockCustem {
	background-color: yellow;
	position: fixed;
	width: 100%;
}

.blockCustem Div {
	display: inline;
}

.blockCustem a.hideBlock {
	display: inline;
	float: right;
}
/****************************************/

/****************************************/
div.blockPager {
	display: inline-block;
	margin-left: -88px;
	width: 65%;
}

div.blockPager * {
	display: block;
}

.trPager {
	display: table-row;
	position: relative;
	text-align: center;
}

HTML>BODY DIV.t-error-popup {
	background: none;
}

HTML>BODY DIV.t-error-popup SPAN {
	height: 30px;
	width: 200px;
	padding: 3px 0 3px 22px;
	border: 0 none;
	margin: 0;
	overflow: hidden;
	padding: 0px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 3px 0 3px 22px;
}

HTML>BODY DIV.t-error-popup SPAN:hover {
	white-space: normal;
	min-width: 200px;
	width: auto;
}

.zoning3 DIV .short.one.t-error+img.t-error-icon.hide {
	background-color: transparent;
	background-image: none;
}