/*
 * Ce fichier CSS est ajouté par la page edits.php. Son emplacement est imposé dans /themes/$theme_name/css/sded.css
 * Il sert uniquement à la page de saisie.
 *
 * Les styles relatifs à la largeur des LABEL sont commentés avec "largeur-label"
 * Les styles relatifs à la largeur des boites de saisie sont commentés avec "largeur-saisie"
 *
 * Tous les sélecteurs comportent #sded pour garantir que les autres styles du portail sont moins prioritaires
 * - N.B.: Cette règle n'est pas absolu: par exemple le sélecteur "#xo-page fieldset {}" présent dans forms.css de certains thèmes utilise lui aussi un id (xo-page), 
 *   et comme le fieldset est en aval du form il est prioritaire sur un style défini avec le sélecteur "#sded {}". Mais cela marche dans la plupart des autres cas.
 */

/*
 * ============================================================================= A REVOIR
 * DOIT ETRE VIRE : car sans intérêt par rapport à show();
 */
.sded-hidden {
	display:none;
}
#sded .input-text-hidden { /* PHB pour débugger */
	font-size:0.7em !important;
	width:80px !important;
	position:absolute;
	right:0px;
}
/*
 */
FORM.sded .sded-input-text-disabled {
	cursor:not-allowed;
}
/*
 * DIVERSES CLASSES QUI S'APPLIQUENT AUX ELEMENTS DU FORMULAIRES
 */
/*
 * Les 4 classes ci dessous s'appliquent aux listes des documents insérés... le #sded est là pour prendre la priorité sur les UL LI dans content.css qui seraient sinon prioritaires
 */
#sded DIV.form-area UL.sded-form-area {
	list-style:none;
}
#sded DIV.form-area UL.sded-form-area>LI {
	list-style:none;
	border:1px solid silver;
}
#sded DIV.form-area UL.sded-form-area>LI:hover {
	list-style:none;
	border:1px solid black;
}
#sded DIV.form-area UL.sded-fic-list {
	list-style:disc inside;
}
#sded DIV.form-area UL.sded-fic-list>LI {
	padding-left:20px;
	list-style:disc inside;
	line-height:1em;		/* pour ne pas subir un style du fichier "content.css" */
	font-size:1em;			/* idem */
}
/*
 * ============================================================================= FORM
 * Onglet de l'écran de saisie: info au dessus du formulaire
 */
DIV.sded-onglet
{
	padding:20px;
	border-color:#91A7B4;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 4px 4px 4px 4px;
}
/*
 * ============================================================================= FIELDSET
 * Les FIELDSET sont ajoutés par le système de regroupement propre à chaque zone
 */
#sded FIELDSET {
	/*border-color:#91A7B4;
	border-style:inset;
	border-width:1px;
	border-radius:4px;*/
	padding:15px;
	margin-bottom:20px;
}
/*
 * Les LEGEND sont les noms des groupes de chaque FIELDSET
 */
#sded LEGEND {
	margin-left:30px;
	padding:0px 10px;
}
/*
 * ============================================================================= ZONES
 * Le FORM contient des DIV avec une classe nommée 'sded-zone' et une autre classe nommée selon le type de zone. 
 * Le clear:both est important car il préserve la ligne de subir l'effet d'un float:[left|right] de la zone précédente
 *  car à mon grand étonnement cette propriété float est succeptible d'avoir un effet au delà du containeur:
 *  Par ex.: <div class="C1"><label style="float:left;">TOTO</label><ul></ul></div> <div class="C2"><label style="float:left;">TITI</label><span>TUTU</span></div>
 *         : le 2eme label (TITI) subit le float:left du 1er label (TOTO) car la balise UL est vide (si on y met un LI+texte, le float n'est plus subit)
 */
#sded DIV.sded-zone {
	clear:both;
	margin-top:10px;
	line-height:1.5em;
}
/*
 * La liste complète des noms des classes de zones au 28/01/2012:
 *  - Zones relatives à un champ: field-text, field-file, field-select, field-select-lexique, field-chkYN, field-lexique, field-calendar
 *  - Zones d'affichage:  free-hr, free-rich, free-spacer
 *  - Autre zone: form-submit, form-area
 *
 * Donc pour appliquer un style à une zone particulière le sélecteur est par ex. = #sded DIV.field-text {} (inutilisé à ce jour - jan 2013)
 */

/*
 * La programme est succeptible de détecter des problèmes lors de la préparation de l'écran de saisie. Par exemple:
 *  - Une valeur déjà présente dans un champ n'est pas disponible dans la liste déroulante
 *  - Le nombre de valeur présente dans un champ est supérieur au nombre maximum prévu sur la ligne. i.e. : un <SELECT> monovalué sur un champ multivalué
 * Il ajoute alors la class sded-error à la zone complète.
 */
#sded DIV.sded-error {
	 border:2px dotted red;
	 background-color:salmon;
}
/*
 * Chaque zone est un ensemble de DIV.
 * Les DIV.sded-ligne sont les lignes affichées qui comportent des données
 */
#sded DIV.sded-ligne {
	margin-top:5px;
}
/*
 * Le DIV.sded-titre est la ligne de titre (field_tableau par ex.).
 */
/* #sded DIV.sded-titre {} */
/*
 * Le premier DIV (sded-ligne ou sded-titre s'il existe) a la classe .sded-first
 */
/* #sded DIV.sded-first {} */
/*
 * Les DIV.sded-clone ne sont pas visibles, elle contiennent le nécessaire pour cloner 
 * une DIV.sded-ligne, par exemple pour multivaluer un field-text
 * A priori, cette classe n'a pas à être modifiée
 */
#sded DIV.sded-clone {
	display:none;
}
/*
 * Les DIV.sded-decor correspondent aux cas particulier des zones sans label où les données s'affiche donc sur les "deux colonnes"
 * Ce cas se rencontre si un free-rich n'a pas de label par exemple.
 */
/* #sded DIV.sded-decor {} */
/*
 * Les descriptions (en petit sous le champ)
 */
#sded DIV.sded-desc {
	margin-left:155px;		/* largeur-label */
	font-size:0.8em;
	line-height:0.9em;
	margin-top:2px;
	color:#555;
	font-style:italic;
	max-width:400px;			/* largeur-saisie */
	text-align:right;
}

/*
 * ============================================================================= LABEL
 * Chaque DIV.sded-ligne est succeptible de contenir un LABEL.
 *
 * Pour aligner parfaitement les LABEL avec les INPUT suivants par exemple type="text" ou "type="button" il faut qu'ils soient tous dans le même "float".
 * La solution float:left ne fonctionne donc pas.
 * Par contre display:inline-block + width produit un résultat correct. Sauf si l'élément suivant est de type %block (par ex. TABLE, UL ou DIV), dans ce 
 * cas, il faut ajouter "float:left;" au LABEL avec comme conséquence que les éléments suivants ne seront pas correctement alignés sur baseline. 
 * (http://kasbe.aidel.com/?p=366 ou http://kasbe.aidel.com/documents/test-align-form.htm)
 * C'est cette classe qui détermine la largeur de la pseudo colonne de gauche
 */
#sded LABEL.sded-label {
	margin-right:5px;		/* largeur-label */
	text-align:right;
	font-weight:bold;
	display:inline-block;
	width:150px;			/* largeur-label */
	cursor: pointer;
}
/* #sded LABEL.sded-label-next {
} */
#sded LABEL.sded-sublabel {
	margin-right:5px;		/* largeur-label */
	text-align:right;
	font-size:0.9em;
	display:inline-block;
	width:150px;			/* largeur-label */
	cursor: pointer;
}
/*
 * La classe à ajouter pour le float-left (cf ci dessus)
 * L'attribution de cette classe peut être systématique (par exemple free-rich) ou conditionnelle (field-select multiple)
 */
#sded .sded-float {
	float:left;
	/*margin-top:4px;*/
}
#sded .sded-label-top {
	vertical-align:top;
}
/*
 * Le élements qui suivent les LABEL peuvent avoir besoin d'une marge
 */
#sded .sded-after-float {
	margin-left:155px;		/* largeur-label */
}
/*
 * Les LABEL des champs obligatoire ont en plus la classe sded-required
 */
#sded LABEL.sded-required:before {
	content:"* ";
	color:tomato;
	font-size:0.8em;
}
/*
 * Les LABEL des champs "OBLIGATOIRE-SI:valeur d'un champ" ont en plus la classe sded-required-if. Donc cela ne concerne ni "OBLIGATOIRE-SI group" ni "OBLIGATOIRE-SI opération"
 */
#sded LABEL.sded-required-if:before {
	content:"* ";
	color:grey;
	font-size:0.8em;
}
/*
 * Après avoir tenté INSERT ou UPDATE, si l'un dans champ pose problème la classe sded-fail est ajoutée au LABEL
 * par ex.: il est obligatoire et vide, ou la valeur saisie ne correspond pas aux contraintes de la liste de validation.
 */
#sded LABEL.sded-fail {
	color:red;
}
/*
 * La zone est Required et jQuery ou PHP ont détectés qu'aucune valeur n'est présente.
 */
#sded LABEL.sded-fail-required {
	color:tomato;
}
/*
 * Durant la saisie le système vérifie le format et arme la class sded-fail-format sur le LABEL si la valeur n'est pas correcte.
 * par ex.: une date non valable dans un calendrier.
 */
/*
 * Durant la saisie le système vérifie que la donnée saisie est présente dans la liste 
 * de validation et arme la class "sded-fail-listval" sur le LABEL et le INPUT concerné si la valeur n'est pas présente dans la liste.
 */
/*
 * Durant la saisie le système vérifie que la donnée saisie n'est pas en double
 * et arme la class "sded-fail-listval" sur le LABEL et le INPUT concerné si la valeur est en double
 */
#sded LABEL.sded-fail-format,
#sded LABEL.sded-fail-fmtdate,
#sded LABEL.sded-fail-fmtmail,
#sded LABEL.sded-fail-listval,
#sded LABEL.sded-fail-check-dup,
#sded LABEL.sded-fail-constraint {
	color:darksalmon;
}
#sded INPUT[type="text"].ed-field.sded-fail-fmtdate,
#sded TEXTAREA.ed-field.sded-fail-fmtdate,
#sded INPUT[type="text"].ed-field.sded-fail-fmtmail,
#sded TEXTAREA.ed-field.sded-fail-fmtmail,
#sded INPUT[type="text"].ed-field.sded-fail-listval,
#sded TEXTAREA.ed-field.sded-fail-listval,
#sded INPUT[type="text"].ed-field.sded-fail-constraint,
#sded INPUT[type="password"].ed-field.sded-fail-constraint {
	border:1px solid darksalmon;
	background-color:#FEF8F5;
}
#sded LABEL.sded-label.sded-fail-required-lang {
	color:darksalmon;
}
#sded INPUT[type="text"].ed-sub-term.sded-fail-required-lang,
#sded TEXTAREA.ed-sub-term.sded-fail-required-lang {
	border:1px solid darksalmon;
}
/*
 * Pour afficher une information inportante mais non bloquante sur un champ. Par exemple le nombre de fichier recommandé
 */
#sded LI.sded-warning {
	color:darksalmon;
	font-weight:normal;
	font-size:0.8em;
}
/*
 * Les boutons
 * Peut-être que c'est le thème qui devrait styler les boutons hover/disabled
 */
#sded .sded-btn {
	margin-left:5px;
	opacity:0.75;
	filter:alpha(opacity=75);
}
#sded .ed-btn-close{
	margin-right:5px;
}
#sded .sded-btn:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#sded .sded-btn[disabled],
#sded .sded-btn[disabled]:hover {
	opacity:0.25;
	filter:alpha(opacity=25);
}
#sded .sded-btn-mini {
	margin-left:4px;
	height:16px;
	width:16px;
}
/* #sded .sded-zone.sded-focus .sded-btn-linkedit {
} */
/* #sded .sded-btn-linkedit {
} */
/*
 * 4 classes d'image
 *  - sded-img-clickable : opacity:0.5 (ou 1 si :hover), cursor:pointer
 *  - sded-img-disabled  : opacity:0.2 (pas de :hover ), cursor:not-allowed
 *  - sded-img-sortable  : opacity:0.3 (ou 1 si :hover), cursor:grab
 *  - sded-img-hidden    : visibility:hidden
 * 
 * Elle sont conçues pour être mutuellement exclusives
 * Elles ne doivent pas être utilisées comme sélecteur pour trouver un élement
 * Elles ont toutes une marge à gauche de 5px
 */

/************************
 * sded-img-clickable
 */
#sded .sded-img-clickable {
	margin-left:5px;
	cursor:pointer;
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	filter:alpha(opacity=30);
	vertical-align:middle;
	margin-right:2px;
}
/*
 * :hover rétablit l'opacity
 * NB. .hover est cité ici, ce n'est pas la pseudo class :hover mais bien une classe ajoutée par AjaxUpload lors du survol du bouton
 */
#sded .sded-img-clickable:hover,
#sded .sded-img-clickable.hover,
#sded UL.sded-file-list LI:hover .sded-img-clickable,
#sded TABLE.sded-tableau TR:hover .sded-img-clickable,
#sded UL.sded-droparea-list LI:hover .sded-img-clickable,
#sded UL.sded-scanfile-list LI:hover .sded-img-clickable {
    opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter:alpha(opacity=100)
}
/************************
 * sded-img-disabled
 */
#sded .sded-img-disabled {
	margin-left:5px;
	cursor:not-allowed;
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
	filter:alpha(opacity=20);
}
/************************
 * sded-img-sortable
 */
#sded .sded-img-sortable {
	margin-left:5px;
	cursor:grab;
	opacity:0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	filter:alpha(opacity=30);
}
/*
 * :hover rétablit l'opacity
 */
/* #sded UL.sded-file-list LI:hover {
} */
#sded .sded-img-sortable:hover,
#sded UL.sded-file-list LI:hover .sded-img-sortable,
#sded TABLE.sded-tableau TR:hover .sded-img-sortable,
#sded UL.sded-droparea-list LI:hover .sded-img-sortable {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter:alpha(opacity=100);
}
/************************
 * sded-img-hidden
 */
#sded .sded-img-hidden {
	margin-left:5px;
	visibility:hidden;
}
#sded INPUT[type="text"].sded-calendar-inside {
	background-image: url("../../images/edits/calendar.png");
	background-repeat: no-repeat;
	background-origin:content-box;
	padding-right:2px;
	background-position:center right;
}
#sded INPUT[type="text"].sded-calendar-inside:focus,
#sded INPUT[type="text"].sded-calendar-inside:focus:hover {
	cursor:text;
}
#sded INPUT[type="text"].sded-calendar-inside:hover {
	cursor:pointer;
}
/*
 * ============================================================================= TEXTE
 * STYLES COMMUNS A TOUTES LES BOITES DE SAISIE CONTENANT DU TEXTE (SELECT, INPUT[TYPE="TEXT"] ET TEXTAREA)
 *
 * Aspect général : bordures et couleur du fond
 */
#sded INPUT[type="text"].edtext,
#sded INPUT[type="text"].ed-field,
#sded INPUT[type="text"].ed-boagri,
#sded INPUT[type="password"].edpass,
#sded SELECT,
#sded TEXTAREA {
/*	border-radius:2px;*/
	background-color:#fbfbfb;
	border:1px solid silver;
	padding:1px 2px;
	font-family:Arial;
	/*font-size:13px;*/
	min-height:24px; /* Pour être homogéne avec les INTUP DES TABLEAU BLOC */
}
/*
 * Effet focus (ou active pour ie6 et ie7)
 */
#sded INPUT[type="text"]:focus,
#sded INPUT[type="text"]:active,
#sded INPUT[type="password"]:focus,
#sded INPUT[type="password"]:active,
#sded SELECT:focus,
#sded SELECT:active,
#sded TEXTAREA:focus,
#sded TEXTAREA:active {
	/*border:1px inset black;*/
	background-color:#f0f0f0;
}
/*
 * Effet hover
 */
#sded INPUT[type="text"]:hover,
#sded INPUT[type="password"]:hover,
#sded SELECT:hover,
#sded TEXTAREA:hover {
	background-color:#f0f0f0;
}
/*
 * Effet readonly
 * N.B.: SELECT ne peut pas être [readonly], on utilise donc [disabled]
 */
#sded INPUT[type="text"][readonly],
#sded INPUT[type="password"][readonly],
#sded SELECT[disabled],
#sded TEXTAREA[readonly] {
	border:1px solid silver;
	background-color:#f0f0f0;
}

#sded .sded-zone.sded-select-cac.sded-readonly .sded-field table td {
	background-color:#f0f0f0;
	color: silver;
}
/*
 * Largeur des boites
 */
#sded SELECT {
	width:400px;		/* largeur-saisie 400 = 400 */ /* AVANT 406 = 400 + 2 X (2px{horiz-padding} + 1px{border}) */
}
#sded INPUT[type="text"],
#sded INPUT[type="password"] {
	text-overflow: ellipsis;
}
#sded INPUT[type="text"],
#sded INPUT[type="password"],
#sded TEXTAREA { 
	box-sizing:border-box;
	width:400px;        /* largeur-saisie */
}
#sded DIV.mce-tinymce.mce-container {
	box-sizing:border-box;
}
#sded INPUT[type="text"].rowby1 {
	width:400px;        /* largeur-saisie */
}
#sded INPUT[type="text"].sded-w-narrow,
#sded INPUT[type="text"].rowby2 {
	width:200px;        /* largeur-saisie : 200 = 400/2 */
}
#sded INPUT[type="text"].rowby3 {
	width:133px;        /* largeur-saisie 133 = 400/3 */
}
#sded INPUT[type="text"].sded-w-narrow4,
#sded INPUT[type="text"].rowby4 {
	width:100px;        /* largeur-saisie : 100 = 400/4 */
}
#sded SELECT.sded-w-horaire {
	margin-left:10px;
	width:auto;
}
/*
 * Exception pour le calendrier qui est plus étroit
 */
#sded .field-calendar INPUT[type="text"] {
	width:200px;		/* largeur-saisie 200px = 400px/2 */
}
/*
 * La liste déroulante est succeptible de "tolèrer des valeurs hors liste". La couleur de l'OPTION est alors modifiée pour matérialiser cette valeur tolérée. 
 */
#sded .field-select SELECT OPTION.sded-warning {
	color:darkred;
}
/*
 * Les options de la liste déroulante qui sont regroupées sont décalées.
 */
#sded .field-select SELECT OPTGROUP[label] OPTION {
	padding-left:10px;
}
/*
 * ============================================================================= CASES À COCHER
 * STYLES COMMUNS A TOUTES LES CASES À COCHER (INPUT[type="checkbox"] et INPUT[type="radio"])
 *
 * Aspect général : pas de bordure
 */
#sded INPUT[type="checkbox"],
#sded INPUT[type="radio"] {
	border:0;
}
/*
 * ============================================================================= ENSEMBLE DE CASES À COCHER
 * La zone "field-select" peut afficher soit une liste déroulante (SELECT) soit un ensemble de cases à cocher.
 * Les cases à cocher (checkbox ou radio) sont placées dans une TABLE
 *
 * La table est large "comme il faut"
 */
#sded .field-select TABLE, #sded .field-workflow TABLE {
	width:auto;
	border-collapse:separate;
}
/*
 * La TABLE vide comporte une TD.caption permettant de guider l'utilisateur.
 */
#sded .field-select TABLE TR TD.caption,  #sded .field-workflow TABLE TR TD.caption {
	color:grey;
	white-space:nowrap;
}
/*
 * Les cases à cocher peuvent être regroupées, dans ce cas, le nom des groupes apparait dans un TH.
 */
#sded .field-select TABLE TH {
	color:#666666;
	white-space:nowrap;
	text-align:right;
}
/*
 * Les TD de la TABLE ont une bordure qui apparait lors du HOVER
*/
#sded .field-select TABLE TD, #sded .field-workflow TABLE TD {
	border:1px solid transparent;
	background-color:#fafafa;
}
#sded .field-select:not(.sded-readonly) TABLE TD:HOVER {
	border:1px dotted silver;
}
/*
 * À chaque case à cocher est associé un LABEL
 * Le padding droite (deuxième valeur) permet de régler l'espace entre un LABEL et le CHECKBOX/RADIO suivant
 * Le padding gauche (quatrième valeur) permet de régler l'espace entre le CHECKBOX/RADIO et le LABEL
 */
#sded .field-select TABLE TD LABEL, #sded .field-workflow TABLE TD LABEL {
	padding:0px 20px 0px 5px;
	cursor: pointer;
	font-weight: normal;
}
/*
 * L'ensemble de cases à cocher est succeptible de "tolèrer des valeurs hors liste". La couleur du LABEL est alors modifiée pour matérialiser cette valeur tolérée.
 */
#sded .field-select TABLE TD.sded-warning LABEL {
	color:darkred;
}

/*
 * ============================================================================= DROPAREA
 * 
 * La zone DROPAREA comporte une liste ayant deux fonctions:
 *  - Inviter l'utilisateur à déposer une référence sur la liste quand celle-ci est vide
 *  - Afficher les références déjà déposé sinon
 *
 * La liste est large comme une zone de saisie
 * Le titre de la notice est limitée (overflow:hidden)
 * La liste est la cible du DND
 */
#sded .sded-droparea-list {
	width:400px;		/* largeur-saisie 404 + 2 X (1px de border) */
	font-size:0.8em;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;
	overflow:hidden;	/* l'apparition du scrollbar est géré par le programme */
	border:1px solid silver;
}
#sded UL.sded-droparea-list LI {
	width:100%;
	list-style:none outside;
	margin:0;
	padding:0;
	line-height:1.8em;
	border-top:1px solid silver;
	white-space:nowrap;
	overflow:hidden;			/* Les textes sont tronquées selon la largeur du containeur */
	text-overflow:ellipsis;
}
#sded UL.sded-droparea-list LI:first-child {
	border-top:0px solid transparent;
}
/*
 * Les contenus
 */
#sded UL.sded-droparea-list LI IMG {
	vertical-align:middle;
}
#sded UL.sded-droparea-list LI.invite-txt {
	border-top:0;
}
#sded UL.sded-droparea-list LI.invite-txt input {
	border:0!important;
}
/*
 * Divers
 * La classe properties est attribuée à un SPAN du texte dans la liste et permet d'afficher tout le contenu de la notice
 */
#sded UL.sded-droparea-list LI.ligne .properties {
	cursor:default;
	border:1px dotted transparent;
}
#sded UL.sded-droparea-list LI.ligne .properties:hover {
	border:1px dotted black;
}
#sded UL.sded-droparea-list LI.decor {
	background-color:#fafafa;
}
#sded UL.sded-droparea-list LI:hover {
	background-color:#f0f0f0;
	color:black;
}
/*
 * La TABLE .sded-detail contient toute la notice.
 * Elle s'affiche dans un popup après un clic sur un élément de la liste ayant class="titre"
 * Cette table permet de faire la mise au point en affichant le contenu de la notice
 */
.sded-detail TABLE {
	font-size:0.6em;
}
.sded-detail CAPTION {
	font-size:2em;
}
.sded-detail TH {
	border:1px solid silver;
	vertical-align:top;
	text-align:right;
	padding-right:3px;
}
.sded-detail TD {
	border:1px solid silver;
	text-align:left;
	padding-right:3px;
}
.sded-detail SPAN {
	border:1px dotted transparent;
}
.sded-detail SPAN:hover {
	background-color:bisque;
	border:1px dotted black;
}
/*
 * Zones de DROP
 */
#sded DIV.sded-droparea-landing {
	border:4px dotted transparent;
	color:#cccccc;
	vertical-align:bottom;
	text-align:center;
}
#sded DIV.sded-droparea-landing:hover {
	border:4px dotted bisque;
	color:#666666;
}
#sded DIV.sded-droparea-landing.dragenter {
	border:4px dotted tomato;
}
#sded DIV.sded-droparea-right {
	float:right;
}
#sded DIV.sded-droparea-right DIV.sded-droparea-landing {
	border:1px solid bisque;
	opacity:0.50; 
	filter:alpha(opacity=50);
}
#sded DIV.sded-droparea-right DIV.sded-droparea-landing:hover {
	opacity:1; 
	filter:alpha(opacity=100);
}
/*
 * Si "sded-droparea-right" est .alone, il n'occupe pas de place verticalement
 */
#sded DIV.sded-droparea-right.alone {
	position:relative;
}
#sded DIV.sded-droparea-right.alone DIV.sded-droparea-landing {
	position:absolute;
	right:0;
}
/*
 * ============================================================================= DROPAREA
 * 
 * La zone SCANFILE comporte un dialogue qui contient une liste UL LI
 */
#sded UL.sded-scanfile-list {
	vertical-align:top;
	margin:0;
	padding:0;
	overflow:hidden;	/* l'apparition du scrollbar est géré par le programme */
	border:1px solid silver;
}
#sded UL.sded-scanfile-list LI {
	width:100%;
	list-style:none outside;
	margin:0;
	padding:0;
	line-height:1.8em;
	border-top:1px solid silver;
	white-space:nowrap;
	overflow:hidden;			/* Les textes sont tronquées selon la largeur du containeur */
	text-overflow:ellipsis;
}
#sded UL.sded-scanfile-list LI:first-child {
	border-top:0px solid transparent;
}
/*
 * Les contenus
 */
#sded UL.sded-scanfile-list LI IMG {
	vertical-align:middle;
}
/*
 * Divers
 * La classe properties est attribuée à un SPAN du texte dans la liste et permet d'afficher tout le contenu de la notice
 */
#sded UL.sded-scanfile-list LI.ligne .properties {
	cursor:default;
	border:1px dotted transparent;
}
#sded UL.sded-scanfile-list LI.ligne .properties:hover {
	border:1px dotted black;
}
#sded UL.sded-scanfile-list LI.decor {
	background-color:#fafafa;
}
#sded UL.sded-scanfile-list LI:hover {
	background-color:#f0f0f0;
	color:black;
}
#sded .form-scanfile .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%;}
/*
 * ============================================================================= FILE
 * 
 * La liste est large comme une zone de saisie
 * Le nom du fichier est limitée (overflow:hidden)
 */
#sded UL.sded-file-list {
	width:400px;		/* largeur-saisie 404 + 2 X (1px de border) */
	font-size:0.8em;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;
	border:1px solid silver;
}
#sded UL.sded-file-list LI.filler {
	background-color: #f0f0f0;
}
#sded UL.sded-file-list LI {
	width:100%;
	list-style:none outside;
	margin:0;
	padding:0;
	line-height:1.8em;
	border-top:1px solid silver;
	white-space:nowrap;
	overflow:hidden; /* Les textes sont tronquées selon la largeur du containeur */
	text-overflow:ellipsis;
}

#sded UL.sded-file-list LI .upload_error {
	color:red;
	text-decoration:line-through;
	font-weight:bold;
}
/*
 * La taille du fichier est petite
 */
#sded UL.sded-file-list LI SPAN[name="file_size"] {
	font-size:0.8em;
}
/*
 * En-tête des field-tableau
 * le #sded est là pour prendre la priorité
 */
#sded TABLE.sded-tableau {
	border-collapse: collapse;
	width:100%;
	height:100%;
}
#sded TABLE.sded-tableau TH,
#sded TABLE.sded-tableau TD {
	padding:0px;
	vertical-align:baseline;
}
/* #sded TABLE.sded-tableau THEAD {
}
#sded TABLE.sded-tableau THEAD>TR {
} */
#sded TABLE.sded-tableau THEAD>TR>TH {
	border-right:1px solid transparent;
	padding:0px;
}
#sded TABLE.sded-tableau THEAD>TR>TH>LABEL {
	border:1px outset transparent;	/* bordure transparente pour alignement vertical avec THEAD>TR>TH>DIV qui a une bordure 1px */
	box-sizing:border-box;
}
#sded TABLE.sded-tableau THEAD>TR>TH>DIV {
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	border:1px outset #e0e0e0;
	background-color:#e0e0e0;
	font-weight:bold;
	color:#666666;
	font-size:0.8em;
}
#sded TABLE.sded-tableau THEAD>TR>TD {
	background-color:red;
}
#sded TABLE.sded-tableau TBODY>TR>TH {
	width:155px;		/* largeur-label */
	border-right:1px solid #e0e0e0;
}
#sded TABLE.sded-tableau TBODY>TR>TH.no-label {
	width:0px;
}
/* #sded TABLE.sded-tableau TBODY>TR {
} */
#sded TABLE.sded-tableau TBODY>TR>TD {
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	background-color:transparent;
}
#sded TABLE.sded-tableau.sded-tacol TBODY.sded-first TR TD {
	border-top:1px solid #e0e0e0;
}
#sded TABLE.sded-tableau.sded-tabloc TBODY TR.col01 TD {
	border-top:1px solid #e0e0e0;
}
#sded TABLE.sded-tableau TD INPUT[type="text"].ed-sub-term,
#sded TABLE.sded-tableau TD INPUT[type="text"].ed-sub-sub-term {
	width:100%;
	padding:0 3px;
	border:0;
	margin:0;
	height:100%;
	display:block;
	min-height: 1.6em;
}
#sded TABLE.sded-tableau TD INPUT[type="text"].ed-sub-sub-term:not(:focus):not(:nth-child(2)) {
	border-top: 1px dotted gray;
}
#sded TABLE.sded-tableau TD INPUT[type="text"].ed-sub-term.hasDatepicker {
	width:calc(100% - 2em);
}
#sded TABLE.sded-tableau TD SELECT.ed-sub-term {
	width:100%;
	border:1px solid transparent;
	padding:0px;
	height:100%;
}
#sded TABLE.sded-tableau TD TEXTAREA.ed-sub-term {
	width:100%;
	padding:0.2em 0.2em;
	border:0;
	margin:0;
	height:100%;
	display:block;
	min-width: 100%;
}
#sded TABLE.sded-tableau TD SPAN.ed-sub-affi {
	padding:0 3px;
}
#sded TABLE.sded-tableau TD IMG.sded-sortable {
	padding:0 0.3em;
}
#sded TABLE.sded-tableau .sded-sortable-placeholder {
	background-color: rgb(240, 240, 211);
	height:3em;
}
#sded TABLE.sded-tableau TABLE.sded-sortable-helper {
	border-collapse: collapse;
	background-color: whitesmoke;
	border: 3px solid gray;
	height: 100%;
}
#sded TABLE.sded-tableau .sded-sortable-helper TD {
	background-color: whitesmoke;
}
/*
 * La zone contient une colonne required ou formated
 */
#sded LABEL.sded-fail-col-required,
#sded LABEL.sded-fail-col-formated,
#sded LABEL.sded-fail-col-listval {
	color:darksalmon;
}
/* #sded TABLE.sded-tableau TD.sded-fail-col-required,
#sded TABLE.sded-tableau TD.sded-fail-col-formated,
#sded TABLE.sded-tableau TD.sded-fail-col-listval {
} */
#sded TABLE.sded-tableau LABEL.sded-sublabel.sded-fail-col-required,
#sded TABLE.sded-tableau LABEL.sded-sublabel.sded-fail-col-formated,
#sded TABLE.sded-tableau LABEL.sded-sublabel.sded-fail-col-listval {
	color:darksalmon;
}
#sded TABLE.sded-tableau TD INPUT[type="text"].ed-sub-term.sded-fail-col-required,
#sded TABLE.sded-tableau TD INPUT[type="text"].ed-sub-term.sded-fail-col-formated,
#sded TABLE.sded-tableau TD INPUT[type="text"].ed-sub-term.sded-fail-col-listval,
#sded TABLE.sded-tableau TD SELECT.ed-sub-term.sded-fail-col-required,
#sded TABLE.sded-tableau TD SELECT.ed-sub-term.sded-fail-col-formated,
#sded TABLE.sded-tableau TD SELECT.ed-sub-term.sded-fail-col-listval {
	border:1px solid darksalmon;
	background-color:#FEF8F5;
}
/* Tableau sortable */
#sded TABLE.sded-tableau IMG.sortable {
	cursor:move;
}
#sded TABLE.sded-tableau.sded-tabloc TBODY TR:first-child TH {
	border-right:1px solid transparent;
}
#sded TABLE.sded-tableau.sded-tabloc TBODY TR:first-child TD {
	border-right:1px solid transparent;
}
#sded TABLE.sded-tableau .sded-col-hidden {
	display:none;
}
#sded TABLE.sded-tableau .sded-tfoot td{
	text-align: center;
}
.ui-autocomplete .sded-ui-autocomplete-match {
	text-decoration: underline;
}

#sded .field-textarea .sded-affi-size {
	border:1px solid silver;
	color:silver;
	font-size:0.8em;
}
#sded .field-textarea .sded-affi-rest {
	border:1px solid silver;
	color:silver;
	font-size:0.8em;
}
/* #sded .sded-autosize {
	overflow-y: hidden; // prevents scroll bar flash
	padding-top: 1.1em; // prevents text jump on Enter keypress
} */
/*
 * Certains tableaux sont aussi sded-infoexpl (Ceux de la zone info exemplaire)
 */
#sded TABLE.sded-infoexpl TD.sded-fail-exempl {
	border:1px solid darksalmon;
	background-color:salmon;
}
#sded TABLE.sded-infoexpl TD.sded-fail-exempl INPUT[type="text"].sded-tbl-data,
#sded TABLE.sded-infoexpl TD.sded-fail-exempl SELECT.sded-tbl-data {
	background-color:salmon;
}

/*
 * La zone classement passe les dossiers sélectionnés en OPTGROUP pour préserver l'arborescence
 * Ces dossiers sont grisés pour matérialiser cela
 * Le DIV.sded-classement-select2-drop n'est pas dans le formulaire. C'est pour ca que le sélecteur ne commence pas par #sded
 */
.sded-classement-select2-drop div.select2-result-label span.greyed {
	opacity:0.25;
}
.sded-classement-select2-drop div.select2-result-label.sded-fcoc-initial-hide+ul.select2-result-sub {
	/*display:none;*/
}
.sded-classement-select2-drop div.select2-result-label i.sded-fcoc.fa {
	width: 1em;
}
/*
 * le HR de free-hr
 */
DIV.sded-decor HR {
	border:0px;
	border-top:1px solid #91A7B4;
	margin-top:10px;
	margin-bottom:10px;
	color: #91A7B4;
}
/*
 * Pour CONFORAMA, j'ai mis en place des "aide en ligne" qui sont en fait des TABLE.sdhelp conçu avec un free-rich
 * Les classes suivantes décrivent la présentation de ces TABLEs
 */
table.sdhelp {
	font-size:0.8em;
	border:1px solid silver;
	width:auto;
	line-height:1.3em;	/* pour écraser le 1.5 du sded-ligne */
}
table.sdhelp caption {
	font-size:1em;
	text-align:center;
	padding:5px;
}
table.sdhelp td, table.sdhelp th {
	border:1px solid silver;
	padding:5px;
	vertical-align:top;
}
table.sdhelp th:first-child {
	text-align:right;
}
table.sdhelp th {
	font-weight:bold;
}

FORM.sded FIELDSET.titleSUPP {
	padding:0;
	background-image:url(../img/edits/SUPP-64.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FBFBFB;
/*
 * J'ignore pourquoi, si je ne précise pas la hauteur de ce fieldset, il mesure 80px de haut! Donc je l'impose pour me rappeler sa taille.
 * En fait, cette dimension sert à centrer le P ci dessous verticalement. Donc lui doit avoir un line-height.
 */
	height:80px;
}
FORM.sded FIELDSET.titlePROD {
	padding:0;
	background-image:url(../img/edits/PROD-64.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FBFBFB;
	height:80px;
}
FORM.sded FIELDSET.titleQE {
	padding:0;
	background-image:url(../img/edits/QE-64.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FBFBFB;
	height:80px;
}
FORM.sded FIELDSET.titleG13_SUPP {
	padding:0;
	background-image:url(../img/edits/G13_SUPP-64.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FBFBFB;
	height:80px;
}
FORM.sded FIELDSET.titleG13_PROD {
	padding:0;
	background-image:url(../img/edits/G13_PROD-64.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FBFBFB;
	height:80px;
}
FORM.sded FIELDSET.titleSUPP P, FORM.sded FIELDSET.titlePROD P, FORM.sded FIELDSET.titleQE P, FORM.sded FIELDSET.titleG13_SUPP P, FORM.sded FIELDSET.titleG13_PROD P {
	padding-left:170px;
	padding-bottom:0px;
	font-size:1.4em;
	color:silver;
	font-weight:bold;
	line-height:80px;	/* cf ci dessus */
}
.sded-label-tt-content {
	font-family:Ubuntu,Verdana, Arial, sans-serif;
	font-size:small;
	max-height: 240px;
	overflow-y: auto;
}
#sded .img_loader_webdav{
	margin-left:5px;
	height:20px;
	vertical-align:middle;
}
.dialog-without-title{
	top:0px!important;
	left:0px!important;
}
.dialog-without-title .ui-dialog-titlebar{
	display:none;
}
body.sded-maximized {
	overflow: hidden;
}
form.sded-maximized {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/* 99 pour être en dessous du dialog qui s'affiche lors d'un enregistrement */
	z-index: 99;
	overflow:auto;
}
#sded .sded-tabs .sded-tab-btn {
	float: right;
	display:table;
	height: 2em;
	min-width: 2em;
	padding: 0.3em 0.3em;
	border: 1px solid lightgrey;
	color: #4B4B4B;
	font-weight:normal;
}
#sded .sded-tabs .sded-tab-btn>* {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}
#sded .sded-tabs .sded-tab-btn:hover{
	cursor: pointer;
	background-color: #f5f5f5;
	color:black;
	border-color:grey;
}
#sd_top_container .ui-tabs-panel{
	padding: 0px;
}
#boAgri-diag input[type="text"],
#boAgri-diag textarea{
	width:90%
}

#sded .field-textarea .sded-field{
	display:inline-block;
}
#sded .field-textarea .sded-field.sded-full-width{
	display:block;
}
#sded .div_maintenance{
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
}
#sded .img-clean{
	width:30px;
}
#sded .img-clean:hover{
	cursor:pointer;
}
#sded .process-container{
	display:inline-block;
}
#sded .process-btn,#sded .translate-btn{
	margin:0 0.2em;
}
.dlg_fieldDuplicate{
	padding:0!important;
}
.dlg_fieldDuplicate .duplicate-tabs{
	border:0;
	padding:0;
}
.dlg_fieldDuplicate .duplicate-notice-container{
	display: flex;
}
.dlg_fieldDuplicate .duplicate-notice-container .radio-container{
	flex:1;
}
.dlg_fieldDuplicate .duplicate-notice-container .duplicate-notice{
	flex:15;
}
.dlg_fieldDuplicate .radio-notice:hover{
	cursor:pointer;
}
.dlg_fieldDuplicate .duplicate-notice:hover{
	cursor:pointer;
	outline: 1px solid lightgrey;
}
#sded .tabs-container.tabs-vert .sded-tabs{
	display : inline-block;
	width : 25%;
	vertical-align : top;
	background-color: white;
	border: 0;
}
#sded .tabs-container.tabs-vert .sded-tabs .ui-tabs-tab{
	float : none;
}
#sded .tabs-container.tabs-vert .sded-tabs .ui-tabs-tab a{
	float : none;
	width : 100%;
	display : block;
}
#sded .tabs-container.tabs-vert .sded-tabs-area{
	display : inline-block;
	width : 73%;
}
@media (max-width:900px){
	.sded-ligne{
		width : 100%;
		display : grid;
		grid-template-columns : 1fr;
		margin-bottom : 0.5em;
	}
	.sded-ligne.sded-first .sded-label{
		display : inline-block;
	}
	.sded-ligne .sded-label{
		text-align : left;
		display : none;
		margin-right : 0;
		width : 100%;
	}
	.sded-ligne .sded-label:not(:first-of-type){
		display : none;
	}
	.sded-ligne .ed-field,
	.sded-ligne .sded-file-list,
	.sded-ligne TEXTAREA,
	.sded-ligne .sded-droparea-landing,
	.sded-ligne table,
	.sded-line .edlexique{
		width : 100% !important;
	}
	.sded-ligne input.ed-field[type="radio"],
	.sded-ligne input.ed-field[type="checkbox"]{
		width : auto !important;
	}
	.sded-ligne  button{
		margin-bottom : 0;
		padding : 0.2em 0.6em;
		word-break : break-all;
	}
	.sded-ligne .sded-btn{
		margin-left : 0;
	}
	#sded .tabs-container.tabs-vert .sded-tabs{
		width: 100%;
	}
	#sded .tabs-container.tabs-vert .sded-tabs-area {
		display: inline-block;
		width: 100%;
	}
}
.dlg-translate-action{
	min-width: 26em;
	max-width: 30em;
}
.dlg-translate-action .dlg-translate{
	min-width:99%;
	max-width:99%;
	padding: 0.2em;
}
.dlg-translate-action .dlg-translate .btn-container{
	margin: 0.5em 0;
	text-align: center;
}
.dlg-translate .btn-container button{
	margin: 0 0.3em;
}
#sded .ed-btn-before{
	margin-right: 0.3em;
}
#sded .ed-btn-after{
	margin-left: 0.3em;
}
#sded .sded-onlyoffice > iframe{
	height: calc(100vh - 10em);
}
#sded.sded-maximized .sded-onlyoffice > iframe{
	height: calc(100vh - 3.4em);
}