/***************************************************************************************/
	/****     	COLBERT LRX                                                               *****/
	/***************************************************************************************/
	/*
	COLBERT
	- Tag html
*/
body {
	font-size: 11px;
	background-color: #FFFFD8;
	font-family: "Arial Unicode", Arial, Helvetica, Verdana, trebuchet ms,
		sans-serif;
	width: 100%;
	height: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

* html body td {
	font-size: 11px;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

select {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #627D86;
	background-color: #FFFFFF;
	border: 1px #697C82 solid;
	text-decoration: none;     
}

/*          
a:link {color:#4078E1; text-decoration:underline;}
a:visited {color:#7A7A7A; text-decoration:underline;}
a:hover {color:#E38089; text-decoration:none;}
*/
#marge {
	padding-left: 20%;
}

/***************************************************************************************/
	/**** Partie du contenu   																														 */
	/***************************************************************************************/
#tdContenu {
	background-color: #F1EDE9;
}

/***************************************************************************************/
	/****								                                                               *****/
	/***************************************************************************************/
.whiteFrame {
	color: #627D86;
	padding: 0.3em;
	margin: 0.3em;
	background: white;
	border: 1px solid #627D86
}

.messageFrame {
	font-size: 11px;
	color: #627D86;
	text-align: center;
	background: #FFFFD8;
}

.numeroImmatDossier {
	font-size: 18px;
	color: #627D86;
	text-align: left;
	margin-left: 2em;
	vertical-align: bottom;
	background: #F1EDE9;
}

.numeroImmat {
	font-size: 12px;
	color: #627D86;
	margin-left: 2em;
	text-align: left;
	background: #F1EDE9;
}

/* Modif layer content*/
#content {
	position: absolute;
	z-index: 1;
	padding-bottom: 20px;
}

.txtOptionTableau {
	font-size: 11px;
	color: #627D86;
	white-space: nowrap;
}

/* Rajout */
.bgBandeauPsi {
	text-align: right;
}

.bleu {
	color: #0000FF;
}

.gris {
	color: #CCCCCC;
}

/***************************************************************************************/
	/****     	COLBERT LRX                                                               *****/
	/***************************************************************************************/
.btnDoubleListe input {
	width: 1.6em;
	height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #DC5900;
	background-color: #FFFFFF;
	border: 1px #697C82 solid;
	vertical-align: middle;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

/***************************************************************************************/
	/****     	Colbert                                                               *****/
	/**** 	- arrires-plan
/***************************************************************************************/
.bgFondPage {
	background-color: #FFFFD8;
}

.bgFondNav {
	background-color: #F6F8F9;
}

.bgBorderNav {
	background-color: #A1AAAA;
}

.bgTitleNav {
	background-color: #AAB9C1;
}

.bgContent {
	background-color: #FFFFFF;
}

.bgBorderContent {
	background-color: #AC9F91;
}

.bgSubContent {
	background-color: #F1EDE9;
}

/***************************************************************************************/
	/****     	texte                                                                  *****/
	/***************************************************************************************/
.etape {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.etapeNonAct {
	font-family: Arial, Helvetica, sans-serif;
	color: #B5B4B5;
	font-size: 13px;
	font-weight: bold;
}

.etapeValid {
	font-family: Arial, Helvetica, sans-serif;
	color: #C8C8C8;
	font-size: 13px;
	font-weight: bold;
}

.txtTableCommentaire2 {
	padding: 8px 5px 10px 7px;
	font-size: 11px;
	color: #5E5E5E;
	vertical-align: top;
	background-color: #EAF0F4;
}

.txtPagination {
	white-space: normal;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #AAB9C1;
}

.txtTitleTableContent {
	font-size: 11px;
	color: #FFFFFF;
	font-variant: small-caps;
	background-color: #627D86;
	height: 18px;
}

.txtTitleDocTravail {
	font-size: 11px;
	color: #5E5E5E;
}

.txtDocTravail {
	font-size: 11px;
	color: #5E5E5E;
	height: 22px;
}

.txtDocTravail2 {
	font-size: 11px;
	color: #5E5E5E;
	background-color: #EAF0F4;
	height: 22px;
}

.titleNavigation {
	background-color: #AAB9C1;
	font-size: 10px;
	color: #1B434D;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	padding-left: 14px;
}

.titleContent {
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #DC5900;
	font-weight: 600;
}

.tableHeader {
	background: #EBFFD8;
	height: 23px;
}

.tableDocTravail {
	border-top: 1px #AAB9C1 solid;
	border-left: 1px #AAB9C1 solid;
	border-bottom: 0px #AAB9C1 solid;
	margin-left: 15px;
	margin-right: 15px;
}

.tableDocTravailTDPoubelle {
	border-bottom: 1px #AAB9C1 solid;
}

.tableDocTravail TD {
	border-right: 1px #AAB9C1 solid;
}

.txtOngletVert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #FFFFFF;
}

a.txtOngletVert {
	text-decoration: none;
}

.txtOngletNoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #000000;
}

.txtTrain {
	color: #000000;
	font-size: 10px;
}

/* 
	Pour pouvoir afficher l'image de tri sans bords sur la cellule car pb hritage des styles 
*/
.tableDocTravail_sansbords {
	border: 0px solid white;
	margin: 0px;
	padding: 0px;
}

.tableDocTravail_sansbords td {
	border: 0px solid white;
	margin: 0px;
}

.bgTableCommentaireBottom {
	background-color: #617E86;
}

table.tailleContenuAdresses
{          
	width: 94%;	           
}	

/*************************/
.ongletinter {
	height: 19px;
	text-align: center;
	white-space: nowrap;
	background-repeat: repeat-y;
}

.ongletinter_resteadroite {
	background-image:
		url(../contenu/usager/css/images/bords/onglets/fond_onglet_inter_resteadroite.gif)
		;
	height: 19px;
	text-align: center;
	white-space: nowrap;
}

.ongletContentOn {
	height: 19px;
	text-align: center;
	white-space: nowrap;
}

.ongletContentOn a {
	font-size: 9px;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	color: #DC5900;
	text-decoration: none;
	white-space: nowrap;
}

.ongletContentOn a:hover {
	font-size: 9px;
	text-transform: uppercase;
	color: #DC5900;
	text-decoration: none;
	white-space: nowrap;
	border-top-color: #000000;
}

.ongletContentGris {
	height: 19px;
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
}

.ongletContentOff {
	height: 19px;
	text-align: center;
	white-space: nowrap;
}

.ongletContentOff a {
	font-size: 9px;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	color: #7B6D57;
	text-decoration: none;
	white-space: nowrap;
}

.ongletMandat a {
	font-size: 11px;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	color: #4E783E;
	text-decoration: none;
	white-space: nowrap;
	font-weight: bold;
}

.ongletContentOffSSA {
	font-size: 9px;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	color: #7B6D57;
	text-decoration: none;
	white-space: nowrap;
}

.ongletContentOff a:hover {
	font-size: 9px;
	text-transform: uppercase;
	color: #7B6D57;
	text-decoration: none;
	white-space: nowrap;
	background-color: #CCCCCC;
}

.tableauSousOnglet {
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 100%;
	background-color: #FFFFFF;
}

/***************************************************************************************/
	/****     	formulaire                                                             *****/
	/***************************************************************************************/
.bouton {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #697C82;
	background-color: #FFFFFF;
	border: 1px #697C82 solid;
	height: 16px;
	margin-right: 6px;
	cursor: pointer;
}

/***************************************************************************************/
	/****     	Nav left                                                          *****/
	/***************************************************************************************/
#navLeft {
	overflow: hidden;
	position: relative;
	width: 143px;
	padding-top: 5px;
	padding-left: 4px;
	/*white-space: nowrap;*/
	-moz-user-select: none;
}

* html body #navLeft a {
	font-size: 11px;
	font-weight: bold;
}

* html body #navLeft a:hover {
	font-size: 11px;
	font-weight: normal;
}

.branch {
	display: block;
	/*margin-left: 16px;*/
	font-size: 11px;
	color: #627D86;
	margin-left: 16px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.branch a {
	color: #627D86;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.branch a:active {
	color: #DC5900;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.rubriqueOn {
	color: #DC5900;
}

.rubriqueOn1 {
	color: #DC5900;
	display: block;
	font-size: 11px;
	margin-left: 16px;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* Styles CPS */
.label {
	font-size: 11px;
	color: #627D86;
	padding-left:2em; 
	/* permet l'alignement avec les lignes de champs "obligatoire" */
	/*display: inline; probleme pour les libelles trop long qui vont a la ligne sans decallage */
	/*display:block;*/
}

.labelSansEspaceAGauche {
	font-size: 11px;
	color: #627D86;
}                            

/* utilisé dans toutes les jsp de présentation et saisie (PRE SAISIE)*/
.labelerror {
	font-size: 11px;
	color: #CC0033;
}

/*	specificité utilisé pour les obligatoire (*) (SAISIE TAG)*/
.obligatoire {
	padding-left: 0px;
	color: #627D86;
}

a.label {
	text-decoration: none;
}

div.menu {
	cursor: pointer;
	width: 125px;
	padding-left: 5px;
	background-color: #F2F2F2;
	border-color: #4E783E;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
}

a:link .lien {
	padding-left: 5px;
	font-size: 11px;
	color: #4E783E;
	text-decoration: none;
}

.lien a:hover {
	padding-left: 5px;
	font-size: 11px;
	color: #4E783E;
	text-decoration: none;
}

.lien a:visited {
	padding-left: 5px;
	font-size: 11px;
	color: #4E783E;
	text-decoration: none;
}

.sousligner {
	text-decoration: underline;
}

.groslabel {
	font-size: 16px;
	font-weight: 900;
	color: #627D86;
}

.login {
	font-size: 11px;
	color: #627D86;
	text-decoration: underline;
}

.labelRouge {
	font-size: 11px;
	color: #FF0000;
}

.field {
	font-size: 11px;
}

.field input,.field select,.field textarea,.misillfield {
	font-size: 10px;
	color: #627D86;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, trebuchet ms, sans-serif;
	width: 300px;
	padding-left: 5px;
	border: 1px #697C82 solid;
	margin: 2px;
	cursor: text;
}

.field select {
	font-size: 10px;
	color: #627D86;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, trebuchet ms, sans-serif;
	width: 300px;
	padding-left: 5px;
	border: 1px #697C82 solid;
	margin: 2px;
	cursor: default;
}

.boutonAction,.bouton {
	padding: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #DC5900;
	background-color: #FFFFFF;
	border: 1px #697C82 solid;
	height: 16px;
	width: auto;
	vertical-align: middle;
	margin-right: 6px;
	cursor: pointer;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
}

.boutonDesactiver,.bouton {
   padding: 0px;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   color: #999999;
   background-color: #CCCCCC;
   border: 1px #697C82 solid;
   height: 16px;
   width: auto;
   vertical-align: middle;
   margin-right: 6px;
   cursor: pointer;
   font-weight: bold;
   text-decoration: none;
   padding-left: 2px;
   padding-right: 2px;     
   padding-bottom: 1px;
   border-style: inset;
	
      	
	/*padding: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	background-color: #CCCCCC;
	border: 1px #697C82 solid;
	height: 16px;
	width: auto;
	vertical-align: middle;
	margin-right: 6px;
	cursor: pointer;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	*/   
}

.boutonUser:hover {
	text-decoration: none;
	color: white;
	text-align: center;   
	font-weight: bold;
	background-color: #1AC724;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: inset;
}

.boutonUser {
	text-decoration: none;
	color: white;
	text-align: center;
	font-weight: bold;
	background-color: #51883B;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: outset;
}

.boutonUserDesactiver {
	text-decoration: none;
	color: white;
	text-align: center;
	font-weight: bold;
	background-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: outset;
}

.inactif {
	color: #627D86;
	cursor: default;
	border: 1px #627D86 solid;
}

/* utilisé dans toutes les pages de saisie = champs de saisie (SAISIE)*/
/*                         champs de saisie                           */
/*                         bouton radio                               */
/*                         bouton liste deroulante                    */

.inputText,.btnRadio,.inputTextDesactive {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   border-width: 1px;
   border-style: solid;
   height: 1.7em !important;
   height: 2em;/*height: 16px;*/
   width: auto;
   vertical-align: middle;
   margin-right: 6px;
   text-decoration: none;
   padding-left: 2px;
   padding-right: 0px;
   padding-bottom: 0px;
   width: 12em;
   background-color: #FFFFFF;
   border-color: #697C82;
   color: #627D86;
}

.apdinputiban .inputText {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   border-width: 1px;
   border-style: solid;
   height: 1.7em !important;
   height: 2em;/*height: 16px;*/
   width: auto;
   vertical-align: middle;
   margin-right: 6px;
   text-decoration: none;
   padding-left: 2px;
   padding-right: 0px;
   padding-bottom: 0px;
   width: 17em;
   background-color: #FFFFFF;
   border-color: #697C82;
   color: #627D86;
}

/* utilisé dans les tag date-calendar.tag input-help.tag password-help.tag ... (TAG)*/
.inputTexterror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
   border-width: 1px;
   border-style: solid;
   height: 1.7em !important;
   height: 2em;/*height: 16px;*/
   width: auto;                                  
   vertical-align: middle;
   margin-right: 6px;
   text-decoration: none;
   padding-left: 2px;
   padding-right: 0px;
   padding-bottom: 0px;
   width: 12em;                       
   background-color: #FFFFFF;
   border-color: #697C82;
   color: #627D86;
	                            
	/*padding: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #627D86;
	border-width: 1px;
	border-color: #CC0033;
	border-style: solid;
	height: 16px;
	width: auto;
	vertical-align: middle;
	margin-right: 6px;
	cursor: text;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	*/
}

.required {
	font-weight: 600;
}

.bold {
	font-weight: bold;
}

.err-message {
	color: red;
}

.editContent {
	font-size: 11px;
	color: #627D86;
	margin: 0.3em
}

.OngletRouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #FFFFFF;
}

/* Styles mesagerie */
#objet {
	position: relative;
	float: left;
	font-size: 16px;
	margin: 2em 5em 1em 1em;
}

/*#date{
margin-bottom:1em;
}*/
#emmetteur {
	margin-bottom: 1em;
}

#objetMessage {
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 3em;
	margin-right: 2em;
}

#corpsMessage {
	margin-left: 2em;
	margin-right: 2em;
}

#alingner1 {
	position: relative;
	left: 8em;
	top: -2.2ex;
}

#alingner2 {
	position: relative;
	left: 8em;
	top: -2.2ex;
}

#alingner3 {
	position: relative;
	left: 8em;
	top: -2.2ex;
}

#alingner4 {
	position: relative;
	left: 8em;
	top: -2.2ex;
}

#boutonEnvoyer {
	margin-bottom: 1em;
	margin-top: 1em;
}

.messageNonLu {
	font-size: 11px;
	color: #627D86;
	background-color: #F8F8F8;
	font-weight: bold;
}

.messageLu {
	font-size: 11px;
	color: #627D86;
	background-color: #EAF0F4;
}

.messageNonLu a:link {
	font-size: 11px;
	color: #627D86;
}

.messageNonLu a:hover {
	font-size: 12px;
	color: #627D86;
	font-style: italic;
}

.messageNonLu a:visited {
	font-size: 11px;
	color: #627D86;
}

.messageLu a:link {
	font-size: 11px;
	color: #627D86;
}

.messageLu a:hover {
	font-size: 12px;
	color: #627D86;
	font-style: italic;
}

.messageLu a:visited {
	font-size: 11px;
	color: #627D86;
}

/*********************************************************************************************************
**                    Classes pour la mise en page contenu SIV USR                                      **
*********************************************************************************************************/
.articleMainImage {
	background-color: #F2F2F2;
}

.articleLastModified {
	color: #000000;
	background-color: #F2F2F2;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height: 100%;
	padding-top: 0px;
	text-align: right;
	vertical-align: ;
}

.articleHeader {
	background-color: #F2F2F2;
	border-color: #4E783E;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	color: #4E783E;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: auto;
	padding: 0px 30px;
	vertical-align: middle;
}

.articleDesc {
	color: #1A193C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	padding-bottom: 1em;
	text-decoration: none;
}

.articleTitle {
	background-position: left 1.2em;
	background-repeat: no-repeat;
	color: #1A193C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0.5em;
	text-decoration: none;
}

.articleBodyFrame {
	background-color: #FFFFFF;
	border-color: #4E783E;
	border-style: solid;
	border-width: 1px 1px 1px;
	padding: 10px 15px 10px 20px;
	vertical-align: top;
	color: #1A193C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

* html .articleBodyFrame table {
	font-size: 11px;
}

.articleBodyFrame a:link {
	color: #4E783E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.articleBodyFrame a:active {
	color: #4E783E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.articleBodyFrame a:visited {
	color: #4E783E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.articleBodyFrame a:hover {
	color: #4E783E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/*********************************************************************************************************
**                    Styles des liens                                                                  **
*********************************************************************************************************/
a:link {
	color: #4E783E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #4E783E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	color: #4E783E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a.lien {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4E783E;
	text-decoration: none;
}

a.lien:hover {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #4E783E;
	text-decoration: none;
}

/* Styles aide */
#cadre {
	margin-bottom: 3ex;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 3ex;
}

#champs {
	margin-top: 1ex;
	font-weight: 600;
}

#aide {
	margin-bottom: 1ex;
}

/*Tooltip*/
.tip {
	font: 10px/ 12px Arial, Helvetica, sans-serif;
	border: solid 1px #4E783E;
	width: 270px;
	padding: 1px;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	color: #627D86;
	top: 20px;
	left: 90px;
	background-color: #f8f8ed;
	layer-background-color: #f8f8ed;
}

.tipScreen {
	font: 10px/ 12px Arial, Helvetica, sans-serif;
	border: solid 1px #4E783E;	
	padding: 1px;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	color: #627D86;
	top: 20px;
	left: 0px;
	background-color: #F1EDE9;
	layer-background-color: #F1EDE9;
	margin-left: -240px;
}

.tip2 {
	font: 10px/ 12px Arial, Helvetica, sans-serif;
	border: solid 1px #DC5900;
	width: 300px;
	padding: 1px;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	color: #627D86;
	top: 20px;
	left: 0px;
	background-color: #F1EDE9;
	layer-background-color: #F1EDE9
}

.tipBottom {
	font: 10px/ 12px Arial, Helvetica, sans-serif;
	border: solid 1px #4E783E;
	width: 270px;
	padding: 1px;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	color: #627D86;
	top: 20px;
	left: 90px;
	background-color: #f8f8ed;
	layer-background-color: #f8f8ed;
	margin-top: -100px;;
	margin-left: 100px;
}

/* utilisé dans le tag date-calendar tag pour le boutton (TAG PRE SAISIE)*/
.boutton-calendar {
	vertical-align: middle;
	margin-right: 2px;
	/* pour ne pas être collé à d'autres boutons (aide par exemple)*/
	position: relative;
	left: -23px;
}   

/* utilisé pour mettre en place les boutons (poursuivre ...) dans la page */
.barre_boutons {
   padding-bottom: 1em;;
   padding-top: 2em;
   text-align: center;
}

/* represente la valeur d'un champs de saisie ou de présentation */
td.valeur {
   text-align: left;
   white-space:nowrap;       
   /* un petit peu d'air */
   padding-left: 1em;  
   padding-right: 1em;
   font-weight: 600;  
   color: #627D86;      
}

/* permet la mise en forme des bouton radio des personnes physique / morale */
td.labelBtnPersonne {
   text-align: center;
   padding-top:1em;
   padding-bottom:2em;
   width: 100%;     
}

/* utilisé dans le tag help.tag (TAG SAISIE) */
.boutton-aide {
   vertical-align: middle;
}

/* spécificité du bouton radio (SAISIE) */
/* indispensable pour ie */
.btnRadio {
   border: none;
   width: 1.5em;
   vertical-align: middle; 
}

/*	specificité utilisé pour les label vu les pieces justif */
.labelCaseACocher {
	font-size: 11px;   
   padding-left: 0px;
   display: inline;
}

/* utiliser dans le decorator ListeMessageslDecorator (SAISIE)*/
.messageNonLu {
   font-size: 11px;
   font-weight: bold;
}

/* utiliser dans le decorator ListeMessageslDecorator (SAISIE)*/
.messageNonLu a:link {
   font-size: 11px;
}

/* utiliser dans le decorator ListeMessageslDecorator (SAISIE)*/
.messageNonLu a:hover {
   font-size: 12px;
   font-style: italic;
}

/* utiliser dans le decorator ListeMessageslDecorator (SAISIE)*/
.messageNonLu a:visited {
   font-size: 11px;
}
.select-multi-lignes{
   height: 6em !important;
   width: 40em !important;   
}

.selectError{
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #627D86;  
	background-color: #FFFFFF;
	border: 1px #697C82 solid;
	text-decoration: none; 
}

/*******************************************************************/
   /*****       ---formSaisieUneCol -- formPresentUneCol---       *****/
   /*****                    ---formPresentTab---                 *****/
   /*****    Classe de styles pour les formulaires                *****/
   /*****  utilisant une seule colonne de saisie ou presentation  *****/
   /*****  sur la page.                                           *****/
   /* Ce style est utilisé dans :                                     */
   /*                            ivn_pro_01                           */
   /*                            ivo_pro_01                           */
   /*                            ivn_sno_01                           */
   /*                            ivo_sno_01                           */
   /*                                                                 */
   /*                                                                 */
   /* Rem: toute modificiation de ce style implique de revérifier que */
   /*      les pages pré-citées n'ont pas changé d'aspect!            */
   /*******************************************************************/
/* centrage de la table principale */   
table.formPresentUneCol,table.formSaisieUneCol,table.tableCaseAcocher,table.formPresentTab { 
   margin-left: 2em;
   margin-right: 2em;
   border: 0;

} 

/* spécificité de la présentation de tableaux, on elargie au maximum*/
table.formPresentTab {
   width:90%; 
}

table.formSaisieUneCol td,table.formPresentUneCol td,table.formPresentTab td {
   padding-bottom: 2px;
   padding-top: 2px;
   font-size: 11px;
}

table.formPresentTab td {
   
}

table.formSaisieUneCol td.titre,table.formPresentUneCol td.titre,table.formPresentTab td.titre {
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0.75em;
   padding-top: 1em;
}

/*table.formSaisieUneCol td.label,
   table.formPresentUneCol td.label,
   table.formPresentTab td.label{
   padding-right: 1em;
   text-align: left;
   width: 26%; 
   padding-left:2em; /* permet l'alignement avec les lignes de champs "obligatoire" */
}*/

/* permet la mise en forme des bouton radio des personnes physique / morale */
table.formSaisieUneCol td.labelBtnPersonne,
   table.formPresentUneCol td.labelBtnPersonne,
   table.formPresentTab td.labelBtnPersonne{
   text-align: center;
   padding-top:1em;
   padding-bottom:2em;
   width: 26%;
}

/* represente la valeur d'un champs de saisie ou de présentation */
table.formSaisieUneCol td.valeur,
         table.formPresentUneCol td.valeur,
         table.formPresentTab td.valeur,
		 table.formSaisieUneCol td.valeurGrasse {
   text-align: left;
   white-space:nowrap;
   /* un petit peu d'air */
 /*  padding-left:0.5em;*/
   padding-left: 4em;
   padding-right: 1em;

}

/* spécifique à la présentation, on met en gras la valeur */
table.formPresentUneCol td.valeur {
   font-weight: 600;
}

/* spécifique à la presentation dans une page de saisie, on ne met pas en gras la valeur */
table.formSaisieUneCol td.valeurGrasse {
   font-weight: 600;
}

/* le champs obligatoire  */
/*table.formPresentUneCol td.obligatoire,table.formSaisieUneCol td.obligatoire {
    padding-right: 1em;
    text-align: left;
    width: 26%;
}*/

/* utilisé pour mettre en place les boutons (poursuivre ...) dans la page */
table.formPresentUneCol td.barre_boutons,
      table.formSaisieUneCol td.barre_boutons,
      table.formPresentTab td.barre_boutons {
   padding-bottom: 1em;
   padding-top: 2em;
   text-align: center;
}   

/*********************************************************************************************************
**                    Styles des infobulles d'aide                                                      **
*********************************************************************************************************/

div.infobulledivstyle
{
	position: absolute;
	color: #627D86;
	text-align: left;
	font: 10px/ 12px Arial, Helvetica, sans-serif;
	background-color: #f8f8ed;
	border: solid 1px #4E783E;
	width: 270px;
	z-index: 150;
	white-space: normal;
	padding:5px;
}

body.infobulleiframestyle
{	
	position: absolute;
	color: #627D86;
	text-align: left;
	font: 10px/ 12px Arial, Helvetica, sans-serif;
	background-color: #f8f8ed;
	border: solid 1px #4E783E;
	width: 270px;
	z-index: 150;
	padding:5px;
}