select, input, textarea {
  color: #053770;
  font-family: Arial, Helvetica, sans-serif;
}

input.FormInputBorder {
  border: solid 1px #053770;
}

textarea {
  border: solid 1px #053770;
}

/*-----------------------------------------------*/
/*-------            formSelectA         --------*/
/*-----------------------------------------------*/

.formSelectA form {
  display:inline; /* pour éviter l'insertion d'une ligne blanche après le form */
}
/* mise en forme générale des input des fiches */
input.formSelectA, select.formSelectA, textarea.formSelectA {
  background-color:#DFEFFF;
  border: solid 1px #7DBCFB;
  padding:1 1 1 2;
  margin-top:2px;
}
input[type=text].formSelectA, select.formSelectA, textarea.formSelectA {
  width: 89%;
}
span.formSelectA {
  border: solid 1px grey;
  padding: 2px;
  line-height: 1.8em;
  padding-right: 10px;
}
.formSelectA:focus {
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
table.multiListRow tbody {
  height: 1.1em;
}

/*-----------------------------------------------
  -------            edit_form           --------
  Style de la table principale d'un form
  -----------------------------------------------*/
table.edit_form {
  background:white;
  margin:auto;
	margin-top:0px;
	margin-bottom:2px;
  width: 100%;
  border: none 0px;
  padding-bottom: 1px;
}
table.edit_form td {
  padding: 2px 5px 1px 5px;
  vertical-align: top;
}
table.edit_button {
  margin:0px;
  height: 100%;
  width: 100%;
  border: none 0px;
}

/*-----------------------------------------------*/
/*-------            wizard multi        --------*/
/*-----------------------------------------------*/
td.wizm {
  border: solid red 1px;
}
.wizm .tabs { }
.wizm_but {
  position: absolute;
}

.wizm_but a, .wizm_but a:hover {
  margin-right: 1px;
  padding: 2px 8px 2px 8px;
  background-color: #fdbcae;
  text-decoration: none;
  font-variant: small-caps;
  cursor: pointer;
}
.wizm_but a:hover {
  background-color: #fecdbf;
  color:#fff;
  cursor: pointer;
}
div.formSelectA {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 250px;
  width: 100%;
  border: solid #103b89 1px;
}

td.textSmall input {
  margin: 2px;
  margin-bottom: 0px;
  background-color: red;
}

option.formOptionPOK {
  color:#999999;
}

input[type=text].formInputAlert {
  width: 220px
}

textarea.formtextaA {
  width:440px;
  height: 120px
}

textarea.formtextaB {
  width:220px;
  height: 60px
}

.textWithWizard {
  width: 180px
}
.wizardButton {
  color:#053770;
  background-color: lightgrey;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  padding : 2px;
  margin: 1px;
  border: solid 1px black
}

/* Duplication des propriétés .disabled .mandatory .hasherror .modified pour les 'input' car suite à l'ajout 
de input.formSelectA, ces propriétés ne s'appliquaient plus (pourtant déclaré après). Ne pas simplement ajouter
'input' devant les propriétés car sinon cela ne fonctionne plus pour les autres balises (select par ex.)
*/
.disabled {
  background-color:#CCCCCC;
  color:#000000;
}
.mandatory {
  background-color: #FFF697; 
}
.hasError {
  background-color: #ff8b8b;
}
/* à déclarer APRES mandatory, car la dernière déclarée a la priorité */
.modified {
  background:#CAE3C8;
  border:1px solid #166309;
  color:#062B00;
}
.dirtyReference {
    border-color: #9F259F;
    box-shadow: 0 0 5px #9F259F;
}

textarea.disabled {
  background-color:#CCCCCC;
  color:#000000;
}
textarea.mandatory {
  background-color: #FFF697; 
}
/*Symbole asterisque représentant un champ obligatoire*/
.asteriskMandatory{
  color:#F30045;
}
textarea.hasError {
  background-color: #ff8b8b;
}
/* à déclarer APRES mandatory, car la dernière déclarée a la priorité */
textarea.modified {
  background:#CAE3C8;
  border:1px solid #166309;
  color:#062B00;
}

input.disabled {
  background-color:#CCCCCC;
  color:#000000;
}
input.mandatory {
  background-color: #FFF697; 
}
/* à déclarer APRES mandatory, car la dernière déclarée a la priorité */
input.modified {
  background:#CAE3C8;
  border:1px solid #166309;
  color:#062B00;
}
input.hasError {
  background-color: #ff8b8b;
}
/* redéfini ici, après mandatory, pour prendre le pas */
input.loading {
  background-color: #888888;
  color: #FFFFFF
}

input.inactive, input.validField, input.notValidField{
  background-position: right;
  background-repeat: no-repeat;
}

input.inactive{
	background-image: url(/com/img/inactive.png);
}

input.validField{
  background-image: url(/com/img/valide.png);
}
  
input.notValidField{
  background-image: url(/com/img/cross.png);
}

select.disabled {
  background-color:#CCCCCC;
  color:#000000;
}
select.mandatory {
  background-color: #FFF697; 
}
select.hasError {
  background-color: #ff8b8b;
}
/* à déclarer APRES mandatory, car la dernière déclarée a la priorité */
select.modified {
  background:#CAE3C8;
  border:1px solid #166309;
  color:#062B00;
}

/* redéfini ici, après mandatory, pour prendre le pas */
select.loading {
  background-color: #888888;
  color: #FFFFFF
}

/* Label des champs mandatory */
.mandatoryFieldLbl:after {
    color: red;
    content: ' *';
    display:inline;
}
 
iframe.tmp {
  border: solid 2px #005AA5;
}

iframe {
  border: none 0px;
}

div.wizResult {
  position: absolute;
  visibility: hidden;
  border: solid 1px grey;
  background-color: white;
  padding:3px;
}

.nbResultats {
  color : #6A6A6A;
  font-size : 0.8em;
  width: 40px;
}

/*
 select multi listes
*/

/* meta-conteneur*/

/* Conteneur general */
.mdblconteneur {
  margin-top:10px;
  border-right: none;
  width:100%;
  position:relative;
}

/* sous conteneur */
.mdblconteneur_1, .mdblconteneur_2 {
  margin-bottom:7px;
  width:50%;
  height:250px;
  border: 1px solid #3991E5;
  border-right:none;
  text-align:center;
  z-index:0;
}
.mdblconteneur_1 {
 float:left;
}
.mdblconteneur_2 {
  left:50%;
  position:absolute;
}

.mdblconteneur_large {
  margin-top:10px;
  height:164px;
  border-right:none;
  width:924px;
}

.mdblconteneur_large_1,.mdblconteneur_large_2 {
  float:left;
  width:450px;
  height:164px;
  border: 1px solid #3991E5;
  border-right:none;
  text-align:center;
  z-index:0;
}

.mdblconteneur_1,.mdblconteneur_large_1 {
  background-color:#C2DAEF;
}
.mdblconteneur_2,.mdblconteneur_large_2 {
  background-color:#7DB1DF;
  display:none;
}

.mdbl_onglet_large{
  display:block;
  float:left;
  width:14px;
  height:165px;
  background-image:url(/com/images/onglet-dd.png);
  border-left: 2px solid #387EC3;
  border-top: 1px solid #3991E5;
}

/* Sous conteneur  Onglet*/
.mdbl_onglet{
  display:block;
  float:left;
  width:14px;
  height:251px;
  background-image:url(/com/images/onglet-dd.png);
  border-left: 2px solid #387EC3;
  border-top: 1px solid #3991E5;
}
.expendmbl .mdbl_onglet{
  position:relative;
  left:50%; 
  z-index:999;
}
/* filtre 
line-height égale à height + v-align pour que le texte soit centré verticalement*/
.mdblfiltre_1,.mdblfiltre_2,.mdblfiltre_large_1,.mdblfiltre_large_2 {
  height: 25px;
  line-height:25px;
  vertical-align: middle;
  width:100%;
  border-bottom: 1px solid #3991E5;
  color:#FFFFFF;
  font-weight:bold;
  padding-top:0px;
}
.mdblfiltre_1,.mdblfiltre_large_1 {
  background-image:url('/com/images/fd-recherche.gif');
}
.mdblfiltre_2 {
  background-image:url('/com/images/fd-recherche-right.jpg');
}

/* message */
.mdblfiltre_1 a, .mdblfiltre_1 a:link, .mdblfiltre_1:visited,  .mdblfiltre_1 a:hover, .mdblfiltre_1:active {
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}

/* Consigne 
 Pas de padding top pour le centrage vertical du texte dans l'entete
*/
.dblConsigne {
  display:block;
  padding-right:10px;
  float:right;
}

/* Consigne */
.dblConsigne_large {
  display:block;
  padding-top:2px;
  padding-right:10px;
  float:right;
}

/* liste */
.dblList2,.dblList1 {
  overflow-y: auto;
  margin-top:2px;
  margin-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  padding-top:0px;
  width:90%;
  height:70%;
}

.dblList2_large,.dblList1_large {
  overflow-y: auto;
  margin-top:5px;
  margin-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  padding-top:3px;
  width:90%;
  height:71%;
}

.mdblfiltre_2 div {
  margin-left:20px;
}

.mdblfiltre_large_2 div {
  margin-left:20px;
  padding-top:2px;
}

.mdblfiltre_2,.mdblfiltre_large_2 div a{
  color:#FFFFFF;
  text-decoration:none;
}

.mdblfiltre_large_2 div a{
  color:black;
  text-decoration:none;
}

/* champs de saisie*/
.mdblfiltre_2,.mdblfiltre_large_2 div input{
  font-size:11px;
  padding-left:2px;
  padding-right:2px;
  color:#AFAFAF;
  margin-right:5px;
  background-color:#FFFFFF;
  line-height: normal !important;
}
.mdblfiltre_2 input {
  max-width:90%
}

/* éléments*/
.mdblElement {
  padding:3px;
  font-family:arial;
  font-weight:bold;
  font-size:12px;
  color:#4F4F4F;
  background-image:url("/com/images/fd-element-lg.gif");
  width:95%;
  margin-left:2px;
  margin-top:2px;
  border:1px solid #89B9CF;
  cursor:-moz-grab;
  overflow:hidden;
  text-align:center;
}

/* éléments*/
.mdblElement_large {
  padding:3px;
  font-family:arial;
  font-weight:bold;
  font-size:12px;
  color:#4F4F4F;
  background-image:url("/com/images/fd-element-lg.gif");
  width:95%;
  height:30px;
  margin-left:2px;
  margin-top:2px;
  border:1px solid #89B9CF;
  cursor:-moz-grab;
  overflow:hidden;
  text-align:center;
}

.mdblElement img#del,.mdblElement_large img#del{
  position: absolute;
  top: 3px;
  right: 3px;
}
.mdblElement img#add, .mdblElement_large img#add{
  position: absolute;
  top: 3px;
  left: 3px;
}
.dblList1 .mdblElement img#add {
  display: block;
}
.dblList2 .mdblElement img#add {
  display: none;
}
.dblList1 .mdblElement img#del {
  display: none;
}
.dblList2 .mdblElement img#del {
  display: block;
}

.dblList1_large .mdblElement_large img#add {
  display: block;
}
.dblList2_large .mdblElement_large img#add {
  display: none;
}
.dblList1_large .mdblElement_large img#del {
  display: none;
}
.dblList2_large .mdblElement_large img#del {
  display: block;
}

/** Surcharge du style "box-sizing:border-box" du boostrap.min.css afin de conserver la MEF initial d'Odyssée */
.frame *,.but *,.tabs *,.alpha * {
	box-sizing:content-box;
}

/**Specify a limit for attribute_file list */
.fileList{
  max-height:150px;
  overflow-y: auto;
  
}