/* LEGO V2.01 — Styles ecran centralises.
   Les regles sont isolees par page pour conserver le rendu et l’ordre de priorite existants.
   Impression : fichiers impression_sets.css et impression_fiche.css conserves separement. */

/* ========== index.php / style-index.css ========== */
body.page-index {
		margin: 0;
		padding: 0;
		position: relative;
	}

body.page-index #conteneur {
		margin: 0 auto;
		align-items: center;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

/* En tete du documents */

body.page-index header {

		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-index header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-index header img {
		vertical-align:bottom;
	}

/* affichage du menu */

body.page-index nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;

		text-align:left;
	}

body.page-index section {


		margin: 0;
		padding: 0;
	}

body.page-index footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);
		text-align:center;
	}

body.page-index .zoneA {
		float: left;
		width: 465px;
		text-align:center;
	}

body.page-index .zoneB {
		float: left;
		width: 465px;
		margin: 0;
		padding: 0;
	}

body.page-index .zoneC {
		float: none;
	}

body.page-index .clear {
		clear: both;
	}

body.page-index .affi-image {
		height: 280px;
	}

body.page-index table {
		margin: 0;
		padding: 0;
	}

body.page-index .zoneC table {
		width: 100%;
		text-align:center;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-index #conteneur { width: 98%;text-align:center; }

body.page-index .zoneA,
body.page-index .zoneB { width: 50%;}

body.page-index .zoneC { width: 100%; }

body.page-index .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-index #conteneur { width: 98%; text-align:center;}

body.page-index .zoneA,
body.page-index .zoneB { width: 50%;}

body.page-index .zoneC { width: 100%; }

body.page-index .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-index #conteneur { width: 98%; text-align:center;}

body.page-index .zoneA,
body.page-index .zoneB,
body.page-index .zoneC { width: 70%; }

body.page-index .affi-image {height: 100px;}

/* affiche image */

body.page-index h1 {font-size:28px;}
}

/********************************** FIN PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-index .fiche {
		border-collapse: collapse;
		width: 460px;
		margin-bottom : 10px;
		width: 90%;
	}

body.page-index .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-index .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-index .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-index .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des SETSs */

body.page-index .tab-set {
        overflow-y: auto;
		overflow-x: hidden;
        width: 100%;
		height:100%;
    }

body.page-index .tab-set thead {
        position: sticky;
        top: 0;

	}

body.page-index .tab-set tfoot {

	}

body.page-index .tab-set table {
        width: 100%;
		height:100%;
		border-collapse: collapse;
	}

body.page-index .tab-set tr,
body.page-index .tab-set td {
        border: 1px solid #ccc;
		/*height: 400px;
		height: 50px;*/
    }

body.page-index .tab-set th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-index .tab-set tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-index .tab-set tr:nth-child(odd) {
		background-color: #ffffff;
	}

/* Image du set */

body.page-index .image-liste-set {
		height:35px; /*defaut 35*/
		vertical-align:middle;
		transform-origin: 100% 100%;
		display: block;
	}

body.page-index .image-liste-set:hover {
		z-index :10 ;
		transform: scale(5);
	}

/* Les Liens */

body.page-index a:link,
body.page-index a:visited,
body.page-index a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-index a:hover {
		text-decoration:none;
		color:#8B6C42;
	}


body.page-index .lien-tri-tableau {display:block;width:100%;text-align:center;line-height:1.15;}

body.page-index .titre-tri {display:block;}

body.page-index .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

/* ========== index.php / style-retour-haut.css ========== */
/* Retour en haut : methode CSS d'origine, sans JavaScript. */

body.page-index {
	position: relative;
}

body.page-index nav.gotoTop {
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
	background: transparent;
	border: 0;
}

body.page-index nav.gotoTop a {
	display: block;
	position: sticky;
	top: 90vh;
	margin-top: 100vh; /* Ajuster ici : 50vh, 100vh, 150vh */
	font-size: 2.5em;
	line-height: 1;
	text-decoration: none;
	pointer-events: auto;
}

/* ========== index.php / style-icones.css ========== */
/* ==========================================
 * ICONES DES MENUS
 * ========================================== */

body.page-index .icones-menu {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
}

/* Liens des menus */

body.page-index .icones-menu a {
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
}

/* Boutons des menus */

body.page-index .icones-menu button {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ========== index.php / styles auparavant dans la page ========== */
body.page-index .form-index-outil {display:inline-block;margin:0 0 0 4px;vertical-align:middle}

body.page-index .form-index-outil select,
body.page-index .form-index-outil input {vertical-align:middle}

/* ========== fiche.php / style-fiche.css ========== */
body.page-fiche {
		margin: 0;
		padding: 0;
	}

body.page-fiche #conteneur {
		margin: 0 auto;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

body.page-fiche header {
		height: 60px;
		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-fiche header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-fiche header img {
		vertical-align:bottom;
	}

body.page-fiche nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height: 40px;
		text-align:left;
	}

body.page-fiche nav img {
		vertical-align:bottom;
	}

body.page-fiche section {

		margin: 0;
		padding: 0;
		width: 100%;
	}

body.page-fiche footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);

		text-align:center;
	}

body.page-fiche .zoneA {
		float: left;
		width: 465px;
		text-align:center;
		margin: 3px 0px 0px 0px;
	}

body.page-fiche .zoneB {
		float: left;
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 0;
	}

body.page-fiche .zoneC {
		float: none;
		width: 100%;;
	}

body.page-fiche .clear {
		clear: both;
	}

/***** affiche image ******/

body.page-fiche .affi-image {
		height: 250px;
		max-width: 400px;
	}

body.page-fiche table {
		margin: auto;
	}

body.page-fiche .zoneC table {
		width: 100%;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-fiche #conteneur { width: 98%;text-align:center; }

body.page-fiche .zoneA,
body.page-fiche .zoneB { width: 50%;}

body.page-fiche .zoneC { width: 100%; }

body.page-fiche .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-fiche #conteneur { width: 98%; text-align:center;}

body.page-fiche .zoneA,
body.page-fiche .zoneB { width: 50%;}

body.page-fiche .zoneC { width: 100%; }

body.page-fiche .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-fiche #conteneur { width: 98%; text-align:center;}

body.page-fiche .zoneA,
body.page-fiche .zoneB,
body.page-fiche .zoneC { width: 70%; }

body.page-fiche .affi-image {height: 100px;}

/* affiche image */

body.page-fiche h1 {font-size:28px;}
}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-fiche .fiche {
		border-collapse: collapse;

		margin-bottom : 10px;
		width: 90%;
	}

body.page-fiche .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-fiche .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-fiche .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-fiche .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des pieces */

body.page-fiche .listes-pieces {
        overflow-y: auto;
		overflow-x: hidden;


	}

body.page-fiche .listes-pieces thead {
        position: sticky;
        top: 0;
		height: 50px;
	}

body.page-fiche .listes-pieces tfoot {

	}

body.page-fiche .listes-pieces table {

		border-collapse: collapse;
	}

body.page-fiche .listes-pieces tr,
body.page-fiche .listes-pieces td {
        border: 1px solid #ccc;
    }

body.page-fiche .listes-pieces th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-fiche .listes-pieces tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-fiche .listes-pieces tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-fiche .listes-pieces td {
		border-bottom: 1px solid #6495ed;
	}

/* Les Liens */

body.page-fiche a:link,
body.page-fiche a:visited,
body.page-fiche a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-fiche a:hover {
		text-decoration:none;
		color:#8B6C42;
	}

/* Commandes du tableau global des pièces. */

body.page-fiche .commande-pieces {padding:8px;text-align:right;}

body.page-fiche .icone-image-piece {font-size:26px;vertical-align:middle;}

body.page-fiche .icone-image-piece-off {filter:grayscale(1);opacity:.35;}

body.page-fiche .form-pieces-supplementaires {display:inline-block;margin-left:15px;}

body.page-fiche .image_piece {max-width:80px;max-height:80px;}

body.page-fiche .piece-supplementaire td {font-style:italic;}

body.page-fiche .migration-pieces {padding:10px;}

body.page-fiche .bouton-migration {display:inline-block;padding:8px 12px;border:1px solid #6495ed;border-radius:5px;background:#98FB98;}

/* Zoom uniquement sur la grande image du set. */

body.page-fiche .image-principale-zoom {transition:transform .20s ease;transform-origin:center center;position:relative;z-index:1;}

body.page-fiche .image-principale-zoom:hover {transform:scale(1.55);z-index:20;}

/* Tri des tableaux de pièces. */

body.page-fiche .lien-tri-pieces {display:block;width:100%;color:#000000;text-decoration:none;}

body.page-fiche .lien-tri-pieces:hover {color:#8B6C42;}


body.page-fiche table.listes-pieces {width:100%;height:100%;border-collapse:collapse;margin:0;padding:0;}

body.page-fiche table.listes-pieces thead {position:sticky;top:0;height:auto;}

body.page-fiche table.listes-pieces tr,
body.page-fiche table.listes-pieces td {border:1px solid #ccc;}

body.page-fiche table.listes-pieces th {border:1px solid #ccc;padding:3px;background-color:#98FB98;}

body.page-fiche table.listes-pieces tr:nth-child(even) {background-color:#D0E3FA;}

body.page-fiche table.listes-pieces tr:nth-child(odd) {background-color:#ffffff;}

body.page-fiche table.listes-pieces td {padding:0;border:1px solid #ccc;}

body.page-fiche .commande-pieces {text-align:left;}

body.page-fiche .lien-tri-pieces {display:block;width:100%;text-align:center;line-height:1.15;white-space:normal;}

body.page-fiche .titre-tri {display:block;}

body.page-fiche .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

body.page-fiche .menu-page-gauche {text-align:left;}

/* Même comportement de cellules que le tableau .tab-set de index.php. */

body.page-fiche table.listes-pieces {border-collapse:separate;border-spacing:0;}


body.page-fiche .cellule-centree {text-align:center;vertical-align:middle;}

body.page-fiche .titre-image-piece {text-align:center;vertical-align:middle;}

body.page-fiche .filtres-pieces {display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px;flex-wrap:wrap;}

body.page-fiche .filtres-pieces input {max-width:140px;}

body.page-fiche .fiche-piece {padding:8px;box-sizing:border-box;}

body.page-fiche .fiche-piece-entete {display:flex;gap:15px;align-items:flex-start;}

body.page-fiche .fiche-piece-entete>img {max-width:220px;max-height:220px;object-fit:contain;}

body.page-fiche .fiche-piece-entete .fiche {margin:0;flex:1;}


body.page-fiche .bouton-miniature-media,
body.page-fiche .bouton-miniature-video {border:0;background:transparent;padding:2px;cursor:pointer;vertical-align:middle;position:relative;}

body.page-fiche .mini-video {width:120px;height:75px;object-fit:contain;background:#000;pointer-events:none;}

body.page-fiche .bouton-miniature-video span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 0 4px #000;}

body.page-fiche .modal-media {display:none;position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.82);align-items:center;justify-content:center;}

body.page-fiche .modal-media.ouvert {display:flex;}

body.page-fiche .modal-contenu {max-width:82vw;max-height:86vh;display:flex;align-items:center;justify-content:center;}

body.page-fiche .modal-contenu img,
body.page-fiche .modal-contenu video {max-width:82vw;max-height:86vh;background:#000;}

body.page-fiche .modal-fermer,
body.page-fiche .modal-precedent,
body.page-fiche .modal-suivant {position:fixed;border:0;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer;padding:8px 12px;border-radius:5px;}

body.page-fiche .modal-fermer {right:20px;top:20px;}

body.page-fiche .modal-precedent {left:20px;top:50%;}

body.page-fiche .modal-suivant {right:20px;top:50%;}

body.page-fiche .outils-liste-pieces {text-align:right;margin:0 0 8px 0}

body.page-fiche .form-index-outil {display:inline}

body.page-fiche .menu-page-gauche {text-align:left}

body.page-fiche .icone-action {text-decoration:none;font-size:24px;line-height:24px;vertical-align:middle}

/* Correctif candidat point fixe - outils et fiche pièce. */

body.page-fiche .outils-liste-pieces {text-align:right;vertical-align:top}

body.page-fiche .ligne-outil {white-space:nowrap;margin-bottom:4px}

body.page-fiche .form-index-outil {display:inline-block;margin-left:4px;vertical-align:middle}

body.page-fiche .form-index-outil select,
body.page-fiche .form-index-outil input {vertical-align:middle}

body.page-fiche .miniature-set-piece {max-width:70px;max-height:55px;object-fit:contain;vertical-align:middle}

/* Outils alignés sur l'index */

body.page-fiche .outils-liste-pieces {vertical-align:top;text-align:right}

body.page-fiche .outils-liste-pieces .ligne-outil {display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px}

body.page-fiche .outils-liste-pieces .form-index-outil {display:inline-flex;margin:0}

body.page-fiche .note-personnelle-fiche {margin-top:12px;padding:8px;border:1px solid #bbb}

body.page-fiche .note-personnelle-fiche h3 {margin:0 0 6px}

/* Correctif informations de fiche */

body.page-fiche .icone-fiche-action {display:inline-block;text-decoration:none;font-size:30px;line-height:35px;vertical-align:middle;color:#222;margin-left:6px}

body.page-fiche .information-mise-a-jour,
body.page-fiche .information-pieces-supplementaires {display:inline-block;margin-top:3px}

body.page-fiche .note-personnelle-fiche {margin:12px 0;padding:10px 12px;border:1px solid #999;background:#f5f5f5;border-radius:3px}

body.page-fiche .note-personnelle-fiche h3 {margin:0 0 7px;border-bottom:1px solid #bbb;padding-bottom:4px}

body.page-fiche .note-personnelle-fiche p {margin:0;white-space:normal}

body.page-fiche .compteurs-pieces {display:inline-block;margin-top:5px;line-height:1.4}

/* Les informations de l'en-tête restent visibles sous les icônes. */

body.page-fiche nav {
	height: auto;
	min-height: 40px;
	box-sizing: border-box;
}

body.page-fiche nav .information-entete-pieces,
body.page-fiche nav .compteurs-pieces,
body.page-fiche nav .information-mise-a-jour {
	display: block;
	clear: both;
	margin-top: 5px;
	line-height: 1.4;
}

body.page-fiche .note-personnelle-fiche {
	border: 0;
	background: transparent;
	border-radius: 0;
}

body.page-fiche .note-personnelle-fiche h3 {
	border-bottom: 0;
}

/* Note personnelle : même largeur et même encadrement que les informations générales. */

body.page-fiche .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 12px 0;
	padding: 10px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	background: #f5f5f5;
}

body.page-fiche .zoneB .note-personnelle-fiche h3 {
	margin: 0 0 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
}

body.page-fiche .zoneB .note-personnelle-fiche p {
	margin: 0;
	white-space: normal;
}

body.page-fiche .fiche-video-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	max-width: 160px;
	margin: 4px 8px 8px 0;
}

body.page-fiche .fiche-video-nom {
	display: block;
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	overflow-wrap: anywhere;
}

/* Fiche du set : note personnelle harmonisée avec le tableau Informations générales. */

body.page-fiche .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 90%;
	max-width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #6495ed;
	border-radius: 0;
	background: #ffffff;
}

body.page-fiche .zoneB .note-personnelle-fiche h3 {
	margin: 0;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #6495ed;
	background: #98FB98;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
}

body.page-fiche .zoneB .note-personnelle-fiche p {
	margin: 0;
	padding: 8px;
	background: #ffffff;
	text-align: left;
	overflow-wrap: anywhere;
}

/* ========== fiche.php / style-icones.css ========== */
/* ==========================================
 * ICONES DES MENUS
 * ========================================== */

body.page-fiche .icones-menu {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
}

/* Liens des menus */

body.page-fiche .icones-menu a {
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
}

/* Boutons des menus */

body.page-fiche .icones-menu button {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ========== fiche.php / style-retour-haut.css ========== */
/* Retour en haut : methode CSS d'origine, sans JavaScript. */

body.page-fiche {
	position: relative;
}

body.page-fiche nav.gotoTop {
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
	background: transparent;
	border: 0;
}

body.page-fiche nav.gotoTop a {
	display: block;
	position: sticky;
	top: 90vh;
	margin-top: 100vh; /* Ajuster ici : 50vh, 100vh, 150vh */
	font-size: 2.5em;
	line-height: 1;
	text-decoration: none;
	pointer-events: auto;
}

/* ========== fiche_piece.php / style-fiche.css ========== */
body.page-fiche-piece {
		margin: 0;
		padding: 0;
	}

body.page-fiche-piece #conteneur {
		margin: 0 auto;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

body.page-fiche-piece header {
		height: 60px;
		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-fiche-piece header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-fiche-piece header img {
		vertical-align:bottom;
	}

body.page-fiche-piece nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height: 40px;
		text-align:left;
	}

body.page-fiche-piece nav img {
		vertical-align:bottom;
	}

body.page-fiche-piece section {

		margin: 0;
		padding: 0;
		width: 100%;
	}

body.page-fiche-piece footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);

		text-align:center;
	}

body.page-fiche-piece .zoneA {
		float: left;
		width: 465px;
		text-align:center;
		margin: 3px 0px 0px 0px;
	}

body.page-fiche-piece .zoneB {
		float: left;
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 0;
	}

body.page-fiche-piece .zoneC {
		float: none;
		width: 100%;;
	}

body.page-fiche-piece .clear {
		clear: both;
	}

/***** affiche image ******/

body.page-fiche-piece .affi-image {
		height: 250px;
		max-width: 400px;
	}

body.page-fiche-piece table {
		margin: auto;
	}

body.page-fiche-piece .zoneC table {
		width: 100%;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-fiche-piece #conteneur { width: 98%;text-align:center; }

body.page-fiche-piece .zoneA,
body.page-fiche-piece .zoneB { width: 50%;}

body.page-fiche-piece .zoneC { width: 100%; }

body.page-fiche-piece .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-fiche-piece #conteneur { width: 98%; text-align:center;}

body.page-fiche-piece .zoneA,
body.page-fiche-piece .zoneB { width: 50%;}

body.page-fiche-piece .zoneC { width: 100%; }

body.page-fiche-piece .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-fiche-piece #conteneur { width: 98%; text-align:center;}

body.page-fiche-piece .zoneA,
body.page-fiche-piece .zoneB,
body.page-fiche-piece .zoneC { width: 70%; }

body.page-fiche-piece .affi-image {height: 100px;}

/* affiche image */

body.page-fiche-piece h1 {font-size:28px;}
}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-fiche-piece .fiche {
		border-collapse: collapse;

		margin-bottom : 10px;
		width: 90%;
	}

body.page-fiche-piece .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-fiche-piece .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-fiche-piece .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-fiche-piece .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des pieces */

body.page-fiche-piece .listes-pieces {
        overflow-y: auto;
		overflow-x: hidden;


	}

body.page-fiche-piece .listes-pieces thead {
        position: sticky;
        top: 0;
		height: 50px;
	}

body.page-fiche-piece .listes-pieces tfoot {

	}

body.page-fiche-piece .listes-pieces table {

		border-collapse: collapse;
	}

body.page-fiche-piece .listes-pieces tr,
body.page-fiche-piece .listes-pieces td {
        border: 1px solid #ccc;
    }

body.page-fiche-piece .listes-pieces th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-fiche-piece .listes-pieces tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-fiche-piece .listes-pieces tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-fiche-piece .listes-pieces td {
		border-bottom: 1px solid #6495ed;
	}

/* Les Liens */

body.page-fiche-piece a:link,
body.page-fiche-piece a:visited,
body.page-fiche-piece a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-fiche-piece a:hover {
		text-decoration:none;
		color:#8B6C42;
	}

/* Commandes du tableau global des pièces. */

body.page-fiche-piece .commande-pieces {padding:8px;text-align:right;}

body.page-fiche-piece .icone-image-piece {font-size:26px;vertical-align:middle;}

body.page-fiche-piece .icone-image-piece-off {filter:grayscale(1);opacity:.35;}

body.page-fiche-piece .form-pieces-supplementaires {display:inline-block;margin-left:15px;}

body.page-fiche-piece .image_piece {max-width:80px;max-height:80px;}

body.page-fiche-piece .piece-supplementaire td {font-style:italic;}

body.page-fiche-piece .migration-pieces {padding:10px;}

body.page-fiche-piece .bouton-migration {display:inline-block;padding:8px 12px;border:1px solid #6495ed;border-radius:5px;background:#98FB98;}

/* Zoom uniquement sur la grande image du set. */

body.page-fiche-piece .image-principale-zoom {transition:transform .20s ease;transform-origin:center center;position:relative;z-index:1;}

body.page-fiche-piece .image-principale-zoom:hover {transform:scale(1.55);z-index:20;}

/* Tri des tableaux de pièces. */

body.page-fiche-piece .lien-tri-pieces {display:block;width:100%;color:#000000;text-decoration:none;}

body.page-fiche-piece .lien-tri-pieces:hover {color:#8B6C42;}


body.page-fiche-piece table.listes-pieces {width:100%;height:100%;border-collapse:collapse;margin:0;padding:0;}

body.page-fiche-piece table.listes-pieces thead {position:sticky;top:0;height:auto;}

body.page-fiche-piece table.listes-pieces tr,
body.page-fiche-piece table.listes-pieces td {border:1px solid #ccc;}

body.page-fiche-piece table.listes-pieces th {border:1px solid #ccc;padding:3px;background-color:#98FB98;}

body.page-fiche-piece table.listes-pieces tr:nth-child(even) {background-color:#D0E3FA;}

body.page-fiche-piece table.listes-pieces tr:nth-child(odd) {background-color:#ffffff;}

body.page-fiche-piece table.listes-pieces td {padding:0;border:1px solid #ccc;}

body.page-fiche-piece .commande-pieces {text-align:left;}

body.page-fiche-piece .lien-tri-pieces {display:block;width:100%;text-align:center;line-height:1.15;white-space:normal;}

body.page-fiche-piece .titre-tri {display:block;}

body.page-fiche-piece .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

body.page-fiche-piece .menu-page-gauche {text-align:left;}

/* Même comportement de cellules que le tableau .tab-set de index.php. */

body.page-fiche-piece table.listes-pieces {border-collapse:separate;border-spacing:0;}


body.page-fiche-piece .cellule-centree {text-align:center;vertical-align:middle;}

body.page-fiche-piece .titre-image-piece {text-align:center;vertical-align:middle;}

body.page-fiche-piece .filtres-pieces {display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px;flex-wrap:wrap;}

body.page-fiche-piece .filtres-pieces input {max-width:140px;}

body.page-fiche-piece .fiche-piece {padding:8px;box-sizing:border-box;}

body.page-fiche-piece .fiche-piece-entete {display:flex;gap:15px;align-items:flex-start;}

body.page-fiche-piece .fiche-piece-entete>img {max-width:220px;max-height:220px;object-fit:contain;}

body.page-fiche-piece .fiche-piece-entete .fiche {margin:0;flex:1;}


body.page-fiche-piece .bouton-miniature-media,
body.page-fiche-piece .bouton-miniature-video {border:0;background:transparent;padding:2px;cursor:pointer;vertical-align:middle;position:relative;}

body.page-fiche-piece .mini-video {width:120px;height:75px;object-fit:contain;background:#000;pointer-events:none;}

body.page-fiche-piece .bouton-miniature-video span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 0 4px #000;}

body.page-fiche-piece .modal-media {display:none;position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.82);align-items:center;justify-content:center;}

body.page-fiche-piece .modal-media.ouvert {display:flex;}

body.page-fiche-piece .modal-contenu {max-width:82vw;max-height:86vh;display:flex;align-items:center;justify-content:center;}

body.page-fiche-piece .modal-contenu img,
body.page-fiche-piece .modal-contenu video {max-width:82vw;max-height:86vh;background:#000;}

body.page-fiche-piece .modal-fermer,
body.page-fiche-piece .modal-precedent,
body.page-fiche-piece .modal-suivant {position:fixed;border:0;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer;padding:8px 12px;border-radius:5px;}

body.page-fiche-piece .modal-fermer {right:20px;top:20px;}

body.page-fiche-piece .modal-precedent {left:20px;top:50%;}

body.page-fiche-piece .modal-suivant {right:20px;top:50%;}

body.page-fiche-piece .outils-liste-pieces {text-align:right;margin:0 0 8px 0}

body.page-fiche-piece .form-index-outil {display:inline}

body.page-fiche-piece .menu-page-gauche {text-align:left}

body.page-fiche-piece .icone-action {text-decoration:none;font-size:24px;line-height:24px;vertical-align:middle}

/* Correctif candidat point fixe - outils et fiche pièce. */

body.page-fiche-piece .outils-liste-pieces {text-align:right;vertical-align:top}

body.page-fiche-piece .ligne-outil {white-space:nowrap;margin-bottom:4px}

body.page-fiche-piece .form-index-outil {display:inline-block;margin-left:4px;vertical-align:middle}

body.page-fiche-piece .form-index-outil select,
body.page-fiche-piece .form-index-outil input {vertical-align:middle}

body.page-fiche-piece .miniature-set-piece {max-width:70px;max-height:55px;object-fit:contain;vertical-align:middle}

/* Outils alignés sur l'index */

body.page-fiche-piece .outils-liste-pieces {vertical-align:top;text-align:right}

body.page-fiche-piece .outils-liste-pieces .ligne-outil {display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px}

body.page-fiche-piece .outils-liste-pieces .form-index-outil {display:inline-flex;margin:0}

body.page-fiche-piece .note-personnelle-fiche {margin-top:12px;padding:8px;border:1px solid #bbb}

body.page-fiche-piece .note-personnelle-fiche h3 {margin:0 0 6px}

/* Correctif informations de fiche */

body.page-fiche-piece .icone-fiche-action {display:inline-block;text-decoration:none;font-size:30px;line-height:35px;vertical-align:middle;color:#222;margin-left:6px}

body.page-fiche-piece .information-mise-a-jour,
body.page-fiche-piece .information-pieces-supplementaires {display:inline-block;margin-top:3px}

body.page-fiche-piece .note-personnelle-fiche {margin:12px 0;padding:10px 12px;border:1px solid #999;background:#f5f5f5;border-radius:3px}

body.page-fiche-piece .note-personnelle-fiche h3 {margin:0 0 7px;border-bottom:1px solid #bbb;padding-bottom:4px}

body.page-fiche-piece .note-personnelle-fiche p {margin:0;white-space:normal}

body.page-fiche-piece .compteurs-pieces {display:inline-block;margin-top:5px;line-height:1.4}

/* Les informations de l'en-tête restent visibles sous les icônes. */

body.page-fiche-piece nav {
	height: auto;
	min-height: 40px;
	box-sizing: border-box;
}

body.page-fiche-piece nav .information-entete-pieces,
body.page-fiche-piece nav .compteurs-pieces,
body.page-fiche-piece nav .information-mise-a-jour {
	display: block;
	clear: both;
	margin-top: 5px;
	line-height: 1.4;
}

body.page-fiche-piece .note-personnelle-fiche {
	border: 0;
	background: transparent;
	border-radius: 0;
}

body.page-fiche-piece .note-personnelle-fiche h3 {
	border-bottom: 0;
}

/* Note personnelle : même largeur et même encadrement que les informations générales. */

body.page-fiche-piece .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 12px 0;
	padding: 10px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	background: #f5f5f5;
}

body.page-fiche-piece .zoneB .note-personnelle-fiche h3 {
	margin: 0 0 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
}

body.page-fiche-piece .zoneB .note-personnelle-fiche p {
	margin: 0;
	white-space: normal;
}

body.page-fiche-piece .fiche-video-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	max-width: 160px;
	margin: 4px 8px 8px 0;
}

body.page-fiche-piece .fiche-video-nom {
	display: block;
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	overflow-wrap: anywhere;
}

/* Fiche du set : note personnelle harmonisée avec le tableau Informations générales. */

body.page-fiche-piece .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 90%;
	max-width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #6495ed;
	border-radius: 0;
	background: #ffffff;
}

body.page-fiche-piece .zoneB .note-personnelle-fiche h3 {
	margin: 0;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #6495ed;
	background: #98FB98;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
}

body.page-fiche-piece .zoneB .note-personnelle-fiche p {
	margin: 0;
	padding: 8px;
	background: #ffffff;
	text-align: left;
	overflow-wrap: anywhere;
}

/* ========== fiche_piece.php / style-index.css ========== */
body.page-fiche-piece {
		margin: 0;
		padding: 0;
		position: relative;
	}

body.page-fiche-piece #conteneur {
		margin: 0 auto;
		align-items: center;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

/* En tete du documents */

body.page-fiche-piece header {

		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-fiche-piece header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-fiche-piece header img {
		vertical-align:bottom;
	}

/* affichage du menu */

body.page-fiche-piece nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;

		text-align:left;
	}

body.page-fiche-piece section {


		margin: 0;
		padding: 0;
	}

body.page-fiche-piece footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);
		text-align:center;
	}

body.page-fiche-piece .zoneA {
		float: left;
		width: 465px;
		text-align:center;
	}

body.page-fiche-piece .zoneB {
		float: left;
		width: 465px;
		margin: 0;
		padding: 0;
	}

body.page-fiche-piece .zoneC {
		float: none;
	}

body.page-fiche-piece .clear {
		clear: both;
	}

body.page-fiche-piece .affi-image {
		height: 280px;
	}

body.page-fiche-piece table {
		margin: 0;
		padding: 0;
	}

body.page-fiche-piece .zoneC table {
		width: 100%;
		text-align:center;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-fiche-piece #conteneur { width: 98%;text-align:center; }

body.page-fiche-piece .zoneA,
body.page-fiche-piece .zoneB { width: 50%;}

body.page-fiche-piece .zoneC { width: 100%; }

body.page-fiche-piece .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-fiche-piece #conteneur { width: 98%; text-align:center;}

body.page-fiche-piece .zoneA,
body.page-fiche-piece .zoneB { width: 50%;}

body.page-fiche-piece .zoneC { width: 100%; }

body.page-fiche-piece .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-fiche-piece #conteneur { width: 98%; text-align:center;}

body.page-fiche-piece .zoneA,
body.page-fiche-piece .zoneB,
body.page-fiche-piece .zoneC { width: 70%; }

body.page-fiche-piece .affi-image {height: 100px;}

/* affiche image */

body.page-fiche-piece h1 {font-size:28px;}
}

/********************************** FIN PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-fiche-piece .fiche {
		border-collapse: collapse;
		width: 460px;
		margin-bottom : 10px;
		width: 90%;
	}

body.page-fiche-piece .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-fiche-piece .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-fiche-piece .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-fiche-piece .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des SETSs */

body.page-fiche-piece .tab-set {
        overflow-y: auto;
		overflow-x: hidden;
        width: 100%;
		height:100%;
    }

body.page-fiche-piece .tab-set thead {
        position: sticky;
        top: 0;

	}

body.page-fiche-piece .tab-set tfoot {

	}

body.page-fiche-piece .tab-set table {
        width: 100%;
		height:100%;
		border-collapse: collapse;
	}

body.page-fiche-piece .tab-set tr,
body.page-fiche-piece .tab-set td {
        border: 1px solid #ccc;
		/*height: 400px;
		height: 50px;*/
    }

body.page-fiche-piece .tab-set th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-fiche-piece .tab-set tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-fiche-piece .tab-set tr:nth-child(odd) {
		background-color: #ffffff;
	}

/* Image du set */

body.page-fiche-piece .image-liste-set {
		height:35px; /*defaut 35*/
		vertical-align:middle;
		transform-origin: 100% 100%;
		display: block;
	}

body.page-fiche-piece .image-liste-set:hover {
		z-index :10 ;
		transform: scale(5);
	}

/* Les Liens */

body.page-fiche-piece a:link,
body.page-fiche-piece a:visited,
body.page-fiche-piece a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-fiche-piece a:hover {
		text-decoration:none;
		color:#8B6C42;
	}


body.page-fiche-piece .lien-tri-tableau {display:block;width:100%;text-align:center;line-height:1.15;}

body.page-fiche-piece .titre-tri {display:block;}

body.page-fiche-piece .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

/* ========== fiche_piece.php / style-icones.css ========== */
/* ==========================================
 * ICONES DES MENUS
 * ========================================== */

body.page-fiche-piece .icones-menu {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
}

/* Liens des menus */

body.page-fiche-piece .icones-menu a {
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
}

/* Boutons des menus */

body.page-fiche-piece .icones-menu button {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ========== liste_pieces.php / style-fiche.css ========== */
body.page-liste-pieces {
		margin: 0;
		padding: 0;
	}

body.page-liste-pieces #conteneur {
		margin: 0 auto;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

body.page-liste-pieces header {
		height: 60px;
		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-liste-pieces header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-liste-pieces header img {
		vertical-align:bottom;
	}

body.page-liste-pieces nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height: 40px;
		text-align:left;
	}

body.page-liste-pieces nav img {
		vertical-align:bottom;
	}

body.page-liste-pieces section {

		margin: 0;
		padding: 0;
		width: 100%;
	}

body.page-liste-pieces footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);

		text-align:center;
	}

body.page-liste-pieces .zoneA {
		float: left;
		width: 465px;
		text-align:center;
		margin: 3px 0px 0px 0px;
	}

body.page-liste-pieces .zoneB {
		float: left;
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 0;
	}

body.page-liste-pieces .zoneC {
		float: none;
		width: 100%;;
	}

body.page-liste-pieces .clear {
		clear: both;
	}

/***** affiche image ******/

body.page-liste-pieces .affi-image {
		height: 250px;
		max-width: 400px;
	}

body.page-liste-pieces table {
		margin: auto;
	}

body.page-liste-pieces .zoneC table {
		width: 100%;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-liste-pieces #conteneur { width: 98%;text-align:center; }

body.page-liste-pieces .zoneA,
body.page-liste-pieces .zoneB { width: 50%;}

body.page-liste-pieces .zoneC { width: 100%; }

body.page-liste-pieces .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-liste-pieces #conteneur { width: 98%; text-align:center;}

body.page-liste-pieces .zoneA,
body.page-liste-pieces .zoneB { width: 50%;}

body.page-liste-pieces .zoneC { width: 100%; }

body.page-liste-pieces .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-liste-pieces #conteneur { width: 98%; text-align:center;}

body.page-liste-pieces .zoneA,
body.page-liste-pieces .zoneB,
body.page-liste-pieces .zoneC { width: 70%; }

body.page-liste-pieces .affi-image {height: 100px;}

/* affiche image */

body.page-liste-pieces h1 {font-size:28px;}
}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-liste-pieces .fiche {
		border-collapse: collapse;

		margin-bottom : 10px;
		width: 90%;
	}

body.page-liste-pieces .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-liste-pieces .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-liste-pieces .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-liste-pieces .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des pieces */

body.page-liste-pieces .listes-pieces {
        overflow-y: auto;
		overflow-x: hidden;


	}

body.page-liste-pieces .listes-pieces thead {
        position: sticky;
        top: 0;
		height: 50px;
	}

body.page-liste-pieces .listes-pieces tfoot {

	}

body.page-liste-pieces .listes-pieces table {

		border-collapse: collapse;
	}

body.page-liste-pieces .listes-pieces tr,
body.page-liste-pieces .listes-pieces td {
        border: 1px solid #ccc;
    }

body.page-liste-pieces .listes-pieces th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-liste-pieces .listes-pieces tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-liste-pieces .listes-pieces tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-liste-pieces .listes-pieces td {
		border-bottom: 1px solid #6495ed;
	}

/* Les Liens */

body.page-liste-pieces a:link,
body.page-liste-pieces a:visited,
body.page-liste-pieces a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-liste-pieces a:hover {
		text-decoration:none;
		color:#8B6C42;
	}

/* Commandes du tableau global des pièces. */

body.page-liste-pieces .commande-pieces {padding:8px;text-align:right;}

body.page-liste-pieces .icone-image-piece {font-size:26px;vertical-align:middle;}

body.page-liste-pieces .icone-image-piece-off {filter:grayscale(1);opacity:.35;}

body.page-liste-pieces .form-pieces-supplementaires {display:inline-block;margin-left:15px;}

body.page-liste-pieces .image_piece {max-width:80px;max-height:80px;}

body.page-liste-pieces .piece-supplementaire td {font-style:italic;}

body.page-liste-pieces .migration-pieces {padding:10px;}

body.page-liste-pieces .bouton-migration {display:inline-block;padding:8px 12px;border:1px solid #6495ed;border-radius:5px;background:#98FB98;}

/* Zoom uniquement sur la grande image du set. */

body.page-liste-pieces .image-principale-zoom {transition:transform .20s ease;transform-origin:center center;position:relative;z-index:1;}

body.page-liste-pieces .image-principale-zoom:hover {transform:scale(1.55);z-index:20;}

/* Tri des tableaux de pièces. */

body.page-liste-pieces .lien-tri-pieces {display:block;width:100%;color:#000000;text-decoration:none;}

body.page-liste-pieces .lien-tri-pieces:hover {color:#8B6C42;}


body.page-liste-pieces table.listes-pieces {width:100%;height:100%;border-collapse:collapse;margin:0;padding:0;}

body.page-liste-pieces table.listes-pieces thead {position:sticky;top:0;height:auto;}

body.page-liste-pieces table.listes-pieces tr,
body.page-liste-pieces table.listes-pieces td {border:1px solid #ccc;}

body.page-liste-pieces table.listes-pieces th {border:1px solid #ccc;padding:3px;background-color:#98FB98;}

body.page-liste-pieces table.listes-pieces tr:nth-child(even) {background-color:#D0E3FA;}

body.page-liste-pieces table.listes-pieces tr:nth-child(odd) {background-color:#ffffff;}

body.page-liste-pieces table.listes-pieces td {padding:0;border:1px solid #ccc;}

body.page-liste-pieces .commande-pieces {text-align:left;}

body.page-liste-pieces .lien-tri-pieces {display:block;width:100%;text-align:center;line-height:1.15;white-space:normal;}

body.page-liste-pieces .titre-tri {display:block;}

body.page-liste-pieces .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

body.page-liste-pieces .menu-page-gauche {text-align:left;}

/* Même comportement de cellules que le tableau .tab-set de index.php. */

body.page-liste-pieces table.listes-pieces {border-collapse:separate;border-spacing:0;}


body.page-liste-pieces .cellule-centree {text-align:center;vertical-align:middle;}

body.page-liste-pieces .titre-image-piece {text-align:center;vertical-align:middle;}

body.page-liste-pieces .filtres-pieces {display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px;flex-wrap:wrap;}

body.page-liste-pieces .filtres-pieces input {max-width:140px;}

body.page-liste-pieces .fiche-piece {padding:8px;box-sizing:border-box;}

body.page-liste-pieces .fiche-piece-entete {display:flex;gap:15px;align-items:flex-start;}

body.page-liste-pieces .fiche-piece-entete>img {max-width:220px;max-height:220px;object-fit:contain;}

body.page-liste-pieces .fiche-piece-entete .fiche {margin:0;flex:1;}


body.page-liste-pieces .bouton-miniature-media,
body.page-liste-pieces .bouton-miniature-video {border:0;background:transparent;padding:2px;cursor:pointer;vertical-align:middle;position:relative;}

body.page-liste-pieces .mini-video {width:120px;height:75px;object-fit:contain;background:#000;pointer-events:none;}

body.page-liste-pieces .bouton-miniature-video span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 0 4px #000;}

body.page-liste-pieces .modal-media {display:none;position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.82);align-items:center;justify-content:center;}

body.page-liste-pieces .modal-media.ouvert {display:flex;}

body.page-liste-pieces .modal-contenu {max-width:82vw;max-height:86vh;display:flex;align-items:center;justify-content:center;}

body.page-liste-pieces .modal-contenu img,
body.page-liste-pieces .modal-contenu video {max-width:82vw;max-height:86vh;background:#000;}

body.page-liste-pieces .modal-fermer,
body.page-liste-pieces .modal-precedent,
body.page-liste-pieces .modal-suivant {position:fixed;border:0;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer;padding:8px 12px;border-radius:5px;}

body.page-liste-pieces .modal-fermer {right:20px;top:20px;}

body.page-liste-pieces .modal-precedent {left:20px;top:50%;}

body.page-liste-pieces .modal-suivant {right:20px;top:50%;}

body.page-liste-pieces .outils-liste-pieces {text-align:right;margin:0 0 8px 0}

body.page-liste-pieces .form-index-outil {display:inline}

body.page-liste-pieces .menu-page-gauche {text-align:left}

body.page-liste-pieces .icone-action {text-decoration:none;font-size:24px;line-height:24px;vertical-align:middle}

/* Correctif candidat point fixe - outils et fiche pièce. */

body.page-liste-pieces .outils-liste-pieces {text-align:right;vertical-align:top}

body.page-liste-pieces .ligne-outil {white-space:nowrap;margin-bottom:4px}

body.page-liste-pieces .form-index-outil {display:inline-block;margin-left:4px;vertical-align:middle}

body.page-liste-pieces .form-index-outil select,
body.page-liste-pieces .form-index-outil input {vertical-align:middle}

body.page-liste-pieces .miniature-set-piece {max-width:70px;max-height:55px;object-fit:contain;vertical-align:middle}

/* Outils alignés sur l'index */

body.page-liste-pieces .outils-liste-pieces {vertical-align:top;text-align:right}

body.page-liste-pieces .outils-liste-pieces .ligne-outil {display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px}

body.page-liste-pieces .outils-liste-pieces .form-index-outil {display:inline-flex;margin:0}

body.page-liste-pieces .note-personnelle-fiche {margin-top:12px;padding:8px;border:1px solid #bbb}

body.page-liste-pieces .note-personnelle-fiche h3 {margin:0 0 6px}

/* Correctif informations de fiche */

body.page-liste-pieces .icone-fiche-action {display:inline-block;text-decoration:none;font-size:30px;line-height:35px;vertical-align:middle;color:#222;margin-left:6px}

body.page-liste-pieces .information-mise-a-jour,
body.page-liste-pieces .information-pieces-supplementaires {display:inline-block;margin-top:3px}

body.page-liste-pieces .note-personnelle-fiche {margin:12px 0;padding:10px 12px;border:1px solid #999;background:#f5f5f5;border-radius:3px}

body.page-liste-pieces .note-personnelle-fiche h3 {margin:0 0 7px;border-bottom:1px solid #bbb;padding-bottom:4px}

body.page-liste-pieces .note-personnelle-fiche p {margin:0;white-space:normal}

body.page-liste-pieces .compteurs-pieces {display:inline-block;margin-top:5px;line-height:1.4}

/* Les informations de l'en-tête restent visibles sous les icônes. */

body.page-liste-pieces nav {
	height: auto;
	min-height: 40px;
	box-sizing: border-box;
}

body.page-liste-pieces nav .information-entete-pieces,
body.page-liste-pieces nav .compteurs-pieces,
body.page-liste-pieces nav .information-mise-a-jour {
	display: block;
	clear: both;
	margin-top: 5px;
	line-height: 1.4;
}

body.page-liste-pieces .note-personnelle-fiche {
	border: 0;
	background: transparent;
	border-radius: 0;
}

body.page-liste-pieces .note-personnelle-fiche h3 {
	border-bottom: 0;
}

/* Note personnelle : même largeur et même encadrement que les informations générales. */

body.page-liste-pieces .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 12px 0;
	padding: 10px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	background: #f5f5f5;
}

body.page-liste-pieces .zoneB .note-personnelle-fiche h3 {
	margin: 0 0 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
}

body.page-liste-pieces .zoneB .note-personnelle-fiche p {
	margin: 0;
	white-space: normal;
}

body.page-liste-pieces .fiche-video-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	max-width: 160px;
	margin: 4px 8px 8px 0;
}

body.page-liste-pieces .fiche-video-nom {
	display: block;
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	overflow-wrap: anywhere;
}

/* Fiche du set : note personnelle harmonisée avec le tableau Informations générales. */

body.page-liste-pieces .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 90%;
	max-width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #6495ed;
	border-radius: 0;
	background: #ffffff;
}

body.page-liste-pieces .zoneB .note-personnelle-fiche h3 {
	margin: 0;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #6495ed;
	background: #98FB98;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
}

body.page-liste-pieces .zoneB .note-personnelle-fiche p {
	margin: 0;
	padding: 8px;
	background: #ffffff;
	text-align: left;
	overflow-wrap: anywhere;
}

/* ========== liste_pieces.php / style-icones.css ========== */
/* ==========================================
 * ICONES DES MENUS
 * ========================================== */

body.page-liste-pieces .icones-menu {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
}

/* Liens des menus */

body.page-liste-pieces .icones-menu a {
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
}

/* Boutons des menus */

body.page-liste-pieces .icones-menu button {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ========== liste_pieces.php / style-index.css ========== */
body.page-liste-pieces {
		margin: 0;
		padding: 0;
		position: relative;
	}

body.page-liste-pieces #conteneur {
		margin: 0 auto;
		align-items: center;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

/* En tete du documents */

body.page-liste-pieces header {

		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-liste-pieces header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-liste-pieces header img {
		vertical-align:bottom;
	}

/* affichage du menu */

body.page-liste-pieces nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;

		text-align:left;
	}

body.page-liste-pieces section {


		margin: 0;
		padding: 0;
	}

body.page-liste-pieces footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);
		text-align:center;
	}

body.page-liste-pieces .zoneA {
		float: left;
		width: 465px;
		text-align:center;
	}

body.page-liste-pieces .zoneB {
		float: left;
		width: 465px;
		margin: 0;
		padding: 0;
	}

body.page-liste-pieces .zoneC {
		float: none;
	}

body.page-liste-pieces .clear {
		clear: both;
	}

body.page-liste-pieces .affi-image {
		height: 280px;
	}

body.page-liste-pieces table {
		margin: 0;
		padding: 0;
	}

body.page-liste-pieces .zoneC table {
		width: 100%;
		text-align:center;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-liste-pieces #conteneur { width: 98%;text-align:center; }

body.page-liste-pieces .zoneA,
body.page-liste-pieces .zoneB { width: 50%;}

body.page-liste-pieces .zoneC { width: 100%; }

body.page-liste-pieces .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-liste-pieces #conteneur { width: 98%; text-align:center;}

body.page-liste-pieces .zoneA,
body.page-liste-pieces .zoneB { width: 50%;}

body.page-liste-pieces .zoneC { width: 100%; }

body.page-liste-pieces .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-liste-pieces #conteneur { width: 98%; text-align:center;}

body.page-liste-pieces .zoneA,
body.page-liste-pieces .zoneB,
body.page-liste-pieces .zoneC { width: 70%; }

body.page-liste-pieces .affi-image {height: 100px;}

/* affiche image */

body.page-liste-pieces h1 {font-size:28px;}
}

/********************************** FIN PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-liste-pieces .fiche {
		border-collapse: collapse;
		width: 460px;
		margin-bottom : 10px;
		width: 90%;
	}

body.page-liste-pieces .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-liste-pieces .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-liste-pieces .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-liste-pieces .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des SETSs */

body.page-liste-pieces .tab-set {
        overflow-y: auto;
		overflow-x: hidden;
        width: 100%;
		height:100%;
    }

body.page-liste-pieces .tab-set thead {
        position: sticky;
        top: 0;

	}

body.page-liste-pieces .tab-set tfoot {

	}

body.page-liste-pieces .tab-set table {
        width: 100%;
		height:100%;
		border-collapse: collapse;
	}

body.page-liste-pieces .tab-set tr,
body.page-liste-pieces .tab-set td {
        border: 1px solid #ccc;
		/*height: 400px;
		height: 50px;*/
    }

body.page-liste-pieces .tab-set th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-liste-pieces .tab-set tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-liste-pieces .tab-set tr:nth-child(odd) {
		background-color: #ffffff;
	}

/* Image du set */

body.page-liste-pieces .image-liste-set {
		height:35px; /*defaut 35*/
		vertical-align:middle;
		transform-origin: 100% 100%;
		display: block;
	}

body.page-liste-pieces .image-liste-set:hover {
		z-index :10 ;
		transform: scale(5);
	}

/* Les Liens */

body.page-liste-pieces a:link,
body.page-liste-pieces a:visited,
body.page-liste-pieces a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-liste-pieces a:hover {
		text-decoration:none;
		color:#8B6C42;
	}


body.page-liste-pieces .lien-tri-tableau {display:block;width:100%;text-align:center;line-height:1.15;}

body.page-liste-pieces .titre-tri {display:block;}

body.page-liste-pieces .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

/* ========== Nouveau_set.php / style-fiche.css ========== */
body.page-nouveau-set {
		margin: 0;
		padding: 0;
	}

body.page-nouveau-set #conteneur {
		margin: 0 auto;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

body.page-nouveau-set header {
		height: 60px;
		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-nouveau-set header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-nouveau-set header img {
		vertical-align:bottom;
	}

body.page-nouveau-set nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height: 40px;
		text-align:left;
	}

body.page-nouveau-set nav img {
		vertical-align:bottom;
	}

body.page-nouveau-set section {

		margin: 0;
		padding: 0;
		width: 100%;
	}

body.page-nouveau-set footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);

		text-align:center;
	}

body.page-nouveau-set .zoneA {
		float: left;
		width: 465px;
		text-align:center;
		margin: 3px 0px 0px 0px;
	}

body.page-nouveau-set .zoneB {
		float: left;
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 0;
	}

body.page-nouveau-set .zoneC {
		float: none;
		width: 100%;;
	}

body.page-nouveau-set .clear {
		clear: both;
	}

/***** affiche image ******/

body.page-nouveau-set .affi-image {
		height: 250px;
		max-width: 400px;
	}

body.page-nouveau-set table {
		margin: auto;
	}

body.page-nouveau-set .zoneC table {
		width: 100%;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-nouveau-set #conteneur { width: 98%;text-align:center; }

body.page-nouveau-set .zoneA,
body.page-nouveau-set .zoneB { width: 50%;}

body.page-nouveau-set .zoneC { width: 100%; }

body.page-nouveau-set .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-nouveau-set #conteneur { width: 98%; text-align:center;}

body.page-nouveau-set .zoneA,
body.page-nouveau-set .zoneB { width: 50%;}

body.page-nouveau-set .zoneC { width: 100%; }

body.page-nouveau-set .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-nouveau-set #conteneur { width: 98%; text-align:center;}

body.page-nouveau-set .zoneA,
body.page-nouveau-set .zoneB,
body.page-nouveau-set .zoneC { width: 70%; }

body.page-nouveau-set .affi-image {height: 100px;}

/* affiche image */

body.page-nouveau-set h1 {font-size:28px;}
}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-nouveau-set .fiche {
		border-collapse: collapse;

		margin-bottom : 10px;
		width: 90%;
	}

body.page-nouveau-set .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-nouveau-set .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-nouveau-set .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-nouveau-set .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des pieces */

body.page-nouveau-set .listes-pieces {
        overflow-y: auto;
		overflow-x: hidden;


	}

body.page-nouveau-set .listes-pieces thead {
        position: sticky;
        top: 0;
		height: 50px;
	}

body.page-nouveau-set .listes-pieces tfoot {

	}

body.page-nouveau-set .listes-pieces table {

		border-collapse: collapse;
	}

body.page-nouveau-set .listes-pieces tr,
body.page-nouveau-set .listes-pieces td {
        border: 1px solid #ccc;
    }

body.page-nouveau-set .listes-pieces th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-nouveau-set .listes-pieces tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-nouveau-set .listes-pieces tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-nouveau-set .listes-pieces td {
		border-bottom: 1px solid #6495ed;
	}

/* Les Liens */

body.page-nouveau-set a:link,
body.page-nouveau-set a:visited,
body.page-nouveau-set a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-nouveau-set a:hover {
		text-decoration:none;
		color:#8B6C42;
	}

/* Commandes du tableau global des pièces. */

body.page-nouveau-set .commande-pieces {padding:8px;text-align:right;}

body.page-nouveau-set .icone-image-piece {font-size:26px;vertical-align:middle;}

body.page-nouveau-set .icone-image-piece-off {filter:grayscale(1);opacity:.35;}

body.page-nouveau-set .form-pieces-supplementaires {display:inline-block;margin-left:15px;}

body.page-nouveau-set .image_piece {max-width:80px;max-height:80px;}

body.page-nouveau-set .piece-supplementaire td {font-style:italic;}

body.page-nouveau-set .migration-pieces {padding:10px;}

body.page-nouveau-set .bouton-migration {display:inline-block;padding:8px 12px;border:1px solid #6495ed;border-radius:5px;background:#98FB98;}

/* Zoom uniquement sur la grande image du set. */

body.page-nouveau-set .image-principale-zoom {transition:transform .20s ease;transform-origin:center center;position:relative;z-index:1;}

body.page-nouveau-set .image-principale-zoom:hover {transform:scale(1.55);z-index:20;}

/* Tri des tableaux de pièces. */

body.page-nouveau-set .lien-tri-pieces {display:block;width:100%;color:#000000;text-decoration:none;}

body.page-nouveau-set .lien-tri-pieces:hover {color:#8B6C42;}


body.page-nouveau-set table.listes-pieces {width:100%;height:100%;border-collapse:collapse;margin:0;padding:0;}

body.page-nouveau-set table.listes-pieces thead {position:sticky;top:0;height:auto;}

body.page-nouveau-set table.listes-pieces tr,
body.page-nouveau-set table.listes-pieces td {border:1px solid #ccc;}

body.page-nouveau-set table.listes-pieces th {border:1px solid #ccc;padding:3px;background-color:#98FB98;}

body.page-nouveau-set table.listes-pieces tr:nth-child(even) {background-color:#D0E3FA;}

body.page-nouveau-set table.listes-pieces tr:nth-child(odd) {background-color:#ffffff;}

body.page-nouveau-set table.listes-pieces td {padding:0;border:1px solid #ccc;}

body.page-nouveau-set .commande-pieces {text-align:left;}

body.page-nouveau-set .lien-tri-pieces {display:block;width:100%;text-align:center;line-height:1.15;white-space:normal;}

body.page-nouveau-set .titre-tri {display:block;}

body.page-nouveau-set .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

body.page-nouveau-set .menu-page-gauche {text-align:left;}

/* Même comportement de cellules que le tableau .tab-set de index.php. */

body.page-nouveau-set table.listes-pieces {border-collapse:separate;border-spacing:0;}


body.page-nouveau-set .cellule-centree {text-align:center;vertical-align:middle;}

body.page-nouveau-set .titre-image-piece {text-align:center;vertical-align:middle;}

body.page-nouveau-set .filtres-pieces {display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px;flex-wrap:wrap;}

body.page-nouveau-set .filtres-pieces input {max-width:140px;}

body.page-nouveau-set .fiche-piece {padding:8px;box-sizing:border-box;}

body.page-nouveau-set .fiche-piece-entete {display:flex;gap:15px;align-items:flex-start;}

body.page-nouveau-set .fiche-piece-entete>img {max-width:220px;max-height:220px;object-fit:contain;}

body.page-nouveau-set .fiche-piece-entete .fiche {margin:0;flex:1;}


body.page-nouveau-set .bouton-miniature-media,
body.page-nouveau-set .bouton-miniature-video {border:0;background:transparent;padding:2px;cursor:pointer;vertical-align:middle;position:relative;}

body.page-nouveau-set .mini-video {width:120px;height:75px;object-fit:contain;background:#000;pointer-events:none;}

body.page-nouveau-set .bouton-miniature-video span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 0 4px #000;}

body.page-nouveau-set .modal-media {display:none;position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.82);align-items:center;justify-content:center;}

body.page-nouveau-set .modal-media.ouvert {display:flex;}

body.page-nouveau-set .modal-contenu {max-width:82vw;max-height:86vh;display:flex;align-items:center;justify-content:center;}

body.page-nouveau-set .modal-contenu img,
body.page-nouveau-set .modal-contenu video {max-width:82vw;max-height:86vh;background:#000;}

body.page-nouveau-set .modal-fermer,
body.page-nouveau-set .modal-precedent,
body.page-nouveau-set .modal-suivant {position:fixed;border:0;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer;padding:8px 12px;border-radius:5px;}

body.page-nouveau-set .modal-fermer {right:20px;top:20px;}

body.page-nouveau-set .modal-precedent {left:20px;top:50%;}

body.page-nouveau-set .modal-suivant {right:20px;top:50%;}

body.page-nouveau-set .outils-liste-pieces {text-align:right;margin:0 0 8px 0}

body.page-nouveau-set .form-index-outil {display:inline}

body.page-nouveau-set .menu-page-gauche {text-align:left}

body.page-nouveau-set .icone-action {text-decoration:none;font-size:24px;line-height:24px;vertical-align:middle}

/* Correctif candidat point fixe - outils et fiche pièce. */

body.page-nouveau-set .outils-liste-pieces {text-align:right;vertical-align:top}

body.page-nouveau-set .ligne-outil {white-space:nowrap;margin-bottom:4px}

body.page-nouveau-set .form-index-outil {display:inline-block;margin-left:4px;vertical-align:middle}

body.page-nouveau-set .form-index-outil select,
body.page-nouveau-set .form-index-outil input {vertical-align:middle}

body.page-nouveau-set .miniature-set-piece {max-width:70px;max-height:55px;object-fit:contain;vertical-align:middle}

/* Outils alignés sur l'index */

body.page-nouveau-set .outils-liste-pieces {vertical-align:top;text-align:right}

body.page-nouveau-set .outils-liste-pieces .ligne-outil {display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px}

body.page-nouveau-set .outils-liste-pieces .form-index-outil {display:inline-flex;margin:0}

body.page-nouveau-set .note-personnelle-fiche {margin-top:12px;padding:8px;border:1px solid #bbb}

body.page-nouveau-set .note-personnelle-fiche h3 {margin:0 0 6px}

/* Correctif informations de fiche */

body.page-nouveau-set .icone-fiche-action {display:inline-block;text-decoration:none;font-size:30px;line-height:35px;vertical-align:middle;color:#222;margin-left:6px}

body.page-nouveau-set .information-mise-a-jour,
body.page-nouveau-set .information-pieces-supplementaires {display:inline-block;margin-top:3px}

body.page-nouveau-set .note-personnelle-fiche {margin:12px 0;padding:10px 12px;border:1px solid #999;background:#f5f5f5;border-radius:3px}

body.page-nouveau-set .note-personnelle-fiche h3 {margin:0 0 7px;border-bottom:1px solid #bbb;padding-bottom:4px}

body.page-nouveau-set .note-personnelle-fiche p {margin:0;white-space:normal}

body.page-nouveau-set .compteurs-pieces {display:inline-block;margin-top:5px;line-height:1.4}

/* Les informations de l'en-tête restent visibles sous les icônes. */

body.page-nouveau-set nav {
	height: auto;
	min-height: 40px;
	box-sizing: border-box;
}

body.page-nouveau-set nav .information-entete-pieces,
body.page-nouveau-set nav .compteurs-pieces,
body.page-nouveau-set nav .information-mise-a-jour {
	display: block;
	clear: both;
	margin-top: 5px;
	line-height: 1.4;
}

body.page-nouveau-set .note-personnelle-fiche {
	border: 0;
	background: transparent;
	border-radius: 0;
}

body.page-nouveau-set .note-personnelle-fiche h3 {
	border-bottom: 0;
}

/* Note personnelle : même largeur et même encadrement que les informations générales. */

body.page-nouveau-set .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 12px 0;
	padding: 10px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	background: #f5f5f5;
}

body.page-nouveau-set .zoneB .note-personnelle-fiche h3 {
	margin: 0 0 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
}

body.page-nouveau-set .zoneB .note-personnelle-fiche p {
	margin: 0;
	white-space: normal;
}

body.page-nouveau-set .fiche-video-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	max-width: 160px;
	margin: 4px 8px 8px 0;
}

body.page-nouveau-set .fiche-video-nom {
	display: block;
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	overflow-wrap: anywhere;
}

/* Fiche du set : note personnelle harmonisée avec le tableau Informations générales. */

body.page-nouveau-set .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 90%;
	max-width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #6495ed;
	border-radius: 0;
	background: #ffffff;
}

body.page-nouveau-set .zoneB .note-personnelle-fiche h3 {
	margin: 0;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #6495ed;
	background: #98FB98;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
}

body.page-nouveau-set .zoneB .note-personnelle-fiche p {
	margin: 0;
	padding: 8px;
	background: #ffffff;
	text-align: left;
	overflow-wrap: anywhere;
}

/* ========== Nouveau_set.php / style-icones.css ========== */
/* ==========================================
 * ICONES DES MENUS
 * ========================================== */

body.page-nouveau-set .icones-menu {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
}

/* Liens des menus */

body.page-nouveau-set .icones-menu a {
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
}

/* Boutons des menus */

body.page-nouveau-set .icones-menu button {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ========== Nouveau_set.php / style-modification-set.css ========== */
body.page-nouveau-set .barre-actions {
	display:flex;
	align-items:center;
	gap:6px;
	height:auto;
	min-height:40px;
	text-align:left;
	font-size:40px;
	line-height:60px;
}

body.page-nouveau-set .barre-actions form {
	margin:0;
	padding:0;
}

body.page-nouveau-set .icone-action,
body.page-nouveau-set .bouton-icone,
body.page-nouveau-set .petit-bouton {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid #6495ed;
	border-radius:4px;
	background:#ffffff;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	/font-size:20px;
	line-height:1;
	padding:4px 7px;
}

body.page-nouveau-set .icone-action:hover,
body.page-nouveau-set .bouton-icone:hover,
body.page-nouveau-set .petit-bouton:hover {
	background:#D0E3FA;
}

body.page-nouveau-set .petit-bouton {
	font-size:16px;
	padding:2px 5px;
}

body.page-nouveau-set .bouton-suppression:hover {
	background:#f4cccc;
}

body.page-nouveau-set .form-icone,
body.page-nouveau-set .form-ressource {
	display:inline;
	margin:0;
	padding:0;
}

body.page-nouveau-set .admin-page {
	padding:5px;
}

body.page-nouveau-set .modification-presentation {
	display:grid;
	grid-template-columns:40% 60%;
	gap:10px;
	margin-bottom:10px;
}

body.page-nouveau-set .modification-image {
	text-align:center;
	padding:8px;
	border:1px solid #6495ed;
	background:#ffffff;
}

body.page-nouveau-set .image-admin {
	max-width:100%;
	max-height:220px;
	width:auto;
	height:auto;
}

body.page-nouveau-set .modification-informations h2,
body.page-nouveau-set .panneau-ajout h2,
body.page-nouveau-set .panneau-ressources h2,
body.page-nouveau-set .rapport-rebrickable h2 {
	margin:0 0 8px 0;
	padding:5px;
	background:#98FB98;
	border:1px solid #6495ed;
	font-size:18px;
}

body.page-nouveau-set .modification-informations .fiche {
	width:100%;
	margin:0;
}

body.page-nouveau-set .panneau-ajout,
body.page-nouveau-set .panneau-ressources,
body.page-nouveau-set .rapport-rebrickable {
	margin:10px 0;
	padding:8px;
	border:1px solid #6495ed;
	background:#ffffff;
}

body.page-nouveau-set .options-importation,
body.page-nouveau-set .donnees-personnelles,
body.page-nouveau-set .ajout-ressources {
	display:grid;
	grid-template-columns:1fr;
	gap:7px;
	padding:5px;
}

body.page-nouveau-set .options-importation label,
body.page-nouveau-set .ajout-ressources label {
	display:block;
	padding:6px;
	background:#D0E3FA;
	border:1px solid #6495ed;
}

body.page-nouveau-set .donnees-personnelles label {
	font-weight:bold;
}

body.page-nouveau-set .donnees-personnelles input,
body.page-nouveau-set .donnees-personnelles textarea {
	max-width:600px;
}

body.page-nouveau-set .rapport-rebrickable {
	background:#f7f7f7;
}

body.page-nouveau-set .rapport-rebrickable ul {
	margin:5px 0;
}

body.page-nouveau-set .ressource-ligne {
	display:flex;
	align-items:center;
	gap:5px;
	padding:5px;
	border-bottom:1px solid #6495ed;
	min-height:35px;
}

body.page-nouveau-set .ressource-ligne:nth-child(even) {
	background:#D0E3FA;
}

body.page-nouveau-set .ressource-ligne:nth-child(odd) {
	background:#ffffff;
}

body.page-nouveau-set .nom-ressource {
	flex:1;
	word-break:break-word;
}

body.page-nouveau-set .miniature-ressource {
	width:55px;
	height:55px;
	object-fit:contain;
	background:#ffffff;
}

body.page-nouveau-set .icone-pdf {
	width:25px;
	height:25px;
}

body.page-nouveau-set .message-succes,
body.page-nouveau-set .message-erreur {
	padding:7px;
	border:1px solid #6495ed;
}

body.page-nouveau-set .message-succes {background:#98FB98;}

body.page-nouveau-set .message-erreur {background:#f4cccc;}

body.page-nouveau-set .boutons-admin {
	display:flex;
	gap:6px;
	align-items:center;
	margin-top:8px;
}

@media screen and (max-width:780px) {
body.page-nouveau-set .modification-presentation {grid-template-columns:1fr;}
}

body.page-nouveau-set .table-informations-generales {width:100%;border-collapse:collapse;}

body.page-nouveau-set .table-informations-generales th,
body.page-nouveau-set .table-informations-generales td {padding:5px;border:1px solid #6495ed;}

body.page-nouveau-set .ligne-information-personnelle {display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;margin:5px 0;}

@media screen and (max-width:780px) {
body.page-nouveau-set .ligne-information-personnelle {grid-template-columns:1fr;}
}

/* Ajout d'un set : présentation simple et lisible. */

body.page-nouveau-set .barre-actions-gauche {text-align:left;}

body.page-nouveau-set .apercu-nouveau-set {width:100%;box-sizing:border-box;overflow:hidden;}

body.page-nouveau-set .apercu-nouveau-set .modification-image,
body.page-nouveau-set .apercu-nouveau-set .modification-informations {min-width:0;}

body.page-nouveau-set .apercu-nouveau-set .image-admin {max-width:100%;height:auto;object-fit:contain;}

body.page-nouveau-set .tableau-apercu-set {width:100%;max-width:100%;table-layout:fixed;box-sizing:border-box;}

body.page-nouveau-set .tableau-apercu-set td {overflow-wrap:anywhere;word-break:normal;}

body.page-nouveau-set .resume-rebrickable {margin-top:8px;}

body.page-nouveau-set .rapport-rebrickable {margin:0;padding-left:24px;}

body.page-nouveau-set .donnees-personnelles {display:block;}

body.page-nouveau-set .ligne-exemplaires {display:flex;align-items:center;gap:8px;margin-bottom:8px;}

body.page-nouveau-set .input-exemplaires {width:65px!important;max-width:65px;box-sizing:border-box;}

body.page-nouveau-set .donnees-personnelles textarea {width:100%;box-sizing:border-box;}

body.page-nouveau-set .medias-personnels {display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;}

body.page-nouveau-set .medias-personnels input[type=file] {max-width:100%;}

body.page-nouveau-set .boutons-admin-gauche {justify-content:flex-start;}

body.page-nouveau-set .recherche-nouveau-set {display:flex;gap:7px;align-items:center;flex-wrap:wrap;}

body.page-nouveau-set .recherche-nouveau-set input[type=text] {max-width:180px;}

@media screen and (max-width:780px) {
body.page-nouveau-set .medias-personnels {grid-template-columns:1fr;}
}


body.page-nouveau-set .admin-page,
body.page-nouveau-set .modification-presentation,
body.page-nouveau-set .modification-image,
body.page-nouveau-set .modification-informations,
body.page-nouveau-set .panneau-ajout,
body.page-nouveau-set .panneau-ressources,
body.page-nouveau-set .rapport-rebrickable {box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere;}

body.page-nouveau-set .modification-presentation {grid-template-columns:minmax(0,40%) minmax(0,60%);}

body.page-nouveau-set .modification-informations {min-width:0;overflow:hidden;}

body.page-nouveau-set .modification-informations h2 {max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;}

body.page-nouveau-set .modification-informations .fiche,
body.page-nouveau-set .table-informations-generales {max-width:100%;table-layout:fixed;box-sizing:border-box;}

body.page-nouveau-set .table-informations-generales td,
body.page-nouveau-set .table-informations-generales th {overflow-wrap:anywhere;}

body.page-nouveau-set .ressource-ligne {max-width:100%;box-sizing:border-box;flex-wrap:wrap;}

body.page-nouveau-set .input-exemplaires,
body.page-nouveau-set #nombre_exemplaires {width:48px!important;max-width:48px!important;}

body.page-nouveau-set .donnees-personnelles-modif {display:block;}

body.page-nouveau-set .donnees-personnelles-modif .ligne-exemplaires {margin-bottom:8px;}

body.page-nouveau-set .donnees-personnelles-modif textarea {display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:4px;}

body.page-nouveau-set .recapitulatif-ajout {margin:10px 0;padding:8px;border:1px solid #6495ed;background:#fff;box-sizing:border-box;}

body.page-nouveau-set .recapitulatif-ajout>h2 {margin:0 0 8px;padding:5px;background:#98FB98;border:1px solid #6495ed;font-size:18px;}

body.page-nouveau-set .recap-grille {display:grid;grid-template-columns:1fr 1fr;gap:8px;}

body.page-nouveau-set .recap-grille>div {border:1px solid #6495ed;padding:7px;min-width:0;box-sizing:border-box;}

body.page-nouveau-set .recap-grille h3 {margin:0 0 5px;}

@media screen and (max-width:780px) {
body.page-nouveau-set .recap-grille {grid-template-columns:1fr;}
}

/* Correctif commandes médias. */

body.page-nouveau-set .favori-actif {color:#c00;font-weight:bold}

body.page-nouveau-set .selection-multiple {display:inline-flex;align-items:center;margin-left:3px}

/* Nouvelle architecture - harmonisation des commandes */

body.page-nouveau-set .image-defaut-active {color:#111;font-weight:bold}

body.page-nouveau-set .ordre-information {width:48px;text-align:center}

body.page-nouveau-set .commandes-ordre {white-space:nowrap}

body.page-nouveau-set .petit-bouton {background:transparent;border:0;cursor:pointer;padding:2px 4px}

body.page-nouveau-set .petit-bouton:hover {background:#eee}

body.page-nouveau-set .selection-multiple {margin-left:6px}

body.page-nouveau-set .panneau-ressources>form[id^="form-multiples-"] {text-align:right;margin-top:5px;padding-right:3px}

body.page-nouveau-set .note-personnelle-fiche {margin-top:10px}

body.page-nouveau-set .ligne-information-personnelle {display:flex;gap:5px;align-items:center;margin-bottom:5px}

body.page-nouveau-set .favori-jaune {color:#d9a400}

body.page-nouveau-set .image-defaut-active {color:#b00000}

/* Correctif visuel du lot du 07/10. */

body.page-nouveau-set .icone-action,
body.page-nouveau-set .bouton-icone,
body.page-nouveau-set .petit-bouton {border-color:#999;background:#fff;}

body.page-nouveau-set .icone-action:hover,
body.page-nouveau-set .bouton-icone:hover,
body.page-nouveau-set .petit-bouton:hover {background:#eee;}

body.page-nouveau-set .image-defaut-active {color:#c00!important;font-weight:bold;}

body.page-nouveau-set .panneau-ressources>form[id^="form-multiples-"] {display:flex;justify-content:flex-end;margin-top:4px;}

/* Correctif glisser-déposer */

body.page-nouveau-set .table-informations-generales {width:100%;border-collapse:collapse;margin:8px 0 14px}

body.page-nouveau-set .table-informations-generales th,
body.page-nouveau-set .table-informations-generales td {border:1px solid #aaa;padding:6px;vertical-align:middle}

body.page-nouveau-set .table-informations-generales th {background:#eee;text-align:center}

body.page-nouveau-set .poignee-deplacement {cursor:grab;user-select:none;font-size:18px;text-align:center;padding:2px 7px}

body.page-nouveau-set .element-en-deplacement {opacity:.45}

body.page-nouveau-set .ressource-ligne[draggable="true"],
body.page-nouveau-set .ligne-information-personnelle[draggable="true"],
body.page-nouveau-set .table-informations-generales tr[draggable="true"] {cursor:default}

body.page-nouveau-set .informations-personnelles-triables {margin-bottom:6px}

/* Une seule étoile par image : défaut, commune aux sources, autre. */

body.page-nouveau-set .image-defaut-active { color: #e1ae00 !important; }

body.page-nouveau-set .etoile-image-commune { color: #161616 !important; }

body.page-nouveau-set .etoile-image-autre { color: #fff !important; -webkit-text-stroke: 1px #555; text-shadow: 0 0 1px #555; }

/* Confirmation discrète de l'enregistrement de l'ordre. */

body.page-nouveau-set #notification-ordre {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	background: #252525;
	color: #fff;
	padding: 10px 16px;
	border-radius: 5px;
}

body.page-nouveau-set #notification-ordre.erreur { background: #9c2020; }

/* Rubriques repliables de modification : fermées lors d'une ouverture normale. */

body.page-nouveau-set .rubrique-modification {
	margin: 10px 0;
	border: 1px solid #6495ed;
	background: #fff;
}

body.page-nouveau-set .rubrique-modification > summary {
	padding: 9px;
	background: #98FB98;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}

body.page-nouveau-set .rubrique-modification > .panneau-ajout,
body.page-nouveau-set .rubrique-modification > .panneau-ressources {
	margin: 0;
	border: 0;
}

body.page-nouveau-set .rubrique-modification:target {
	scroll-margin-top: 12px;
}

/* ========== modification_Fiche.php / style-fiche.css ========== */
body.page-modification-fiche {
		margin: 0;
		padding: 0;
	}

body.page-modification-fiche #conteneur {
		margin: 0 auto;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

body.page-modification-fiche header {
		height: 60px;
		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-modification-fiche header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-modification-fiche header img {
		vertical-align:bottom;
	}

body.page-modification-fiche nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height: 40px;
		text-align:left;
	}

body.page-modification-fiche nav img {
		vertical-align:bottom;
	}

body.page-modification-fiche section {

		margin: 0;
		padding: 0;
		width: 100%;
	}

body.page-modification-fiche footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);

		text-align:center;
	}

body.page-modification-fiche .zoneA {
		float: left;
		width: 465px;
		text-align:center;
		margin: 3px 0px 0px 0px;
	}

body.page-modification-fiche .zoneB {
		float: left;
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 0;
	}

body.page-modification-fiche .zoneC {
		float: none;
		width: 100%;;
	}

body.page-modification-fiche .clear {
		clear: both;
	}

/***** affiche image ******/

body.page-modification-fiche .affi-image {
		height: 250px;
		max-width: 400px;
	}

body.page-modification-fiche table {
		margin: auto;
	}

body.page-modification-fiche .zoneC table {
		width: 100%;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-modification-fiche #conteneur { width: 98%;text-align:center; }

body.page-modification-fiche .zoneA,
body.page-modification-fiche .zoneB { width: 50%;}

body.page-modification-fiche .zoneC { width: 100%; }

body.page-modification-fiche .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-modification-fiche #conteneur { width: 98%; text-align:center;}

body.page-modification-fiche .zoneA,
body.page-modification-fiche .zoneB { width: 50%;}

body.page-modification-fiche .zoneC { width: 100%; }

body.page-modification-fiche .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-modification-fiche #conteneur { width: 98%; text-align:center;}

body.page-modification-fiche .zoneA,
body.page-modification-fiche .zoneB,
body.page-modification-fiche .zoneC { width: 70%; }

body.page-modification-fiche .affi-image {height: 100px;}

/* affiche image */

body.page-modification-fiche h1 {font-size:28px;}
}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-modification-fiche .fiche {
		border-collapse: collapse;

		margin-bottom : 10px;
		width: 90%;
	}

body.page-modification-fiche .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-modification-fiche .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-modification-fiche .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-modification-fiche .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des pieces */

body.page-modification-fiche .listes-pieces {
        overflow-y: auto;
		overflow-x: hidden;


	}

body.page-modification-fiche .listes-pieces thead {
        position: sticky;
        top: 0;
		height: 50px;
	}

body.page-modification-fiche .listes-pieces tfoot {

	}

body.page-modification-fiche .listes-pieces table {

		border-collapse: collapse;
	}

body.page-modification-fiche .listes-pieces tr,
body.page-modification-fiche .listes-pieces td {
        border: 1px solid #ccc;
    }

body.page-modification-fiche .listes-pieces th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-modification-fiche .listes-pieces tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-modification-fiche .listes-pieces tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-modification-fiche .listes-pieces td {
		border-bottom: 1px solid #6495ed;
	}

/* Les Liens */

body.page-modification-fiche a:link,
body.page-modification-fiche a:visited,
body.page-modification-fiche a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-modification-fiche a:hover {
		text-decoration:none;
		color:#8B6C42;
	}

/* Commandes du tableau global des pièces. */

body.page-modification-fiche .commande-pieces {padding:8px;text-align:right;}

body.page-modification-fiche .icone-image-piece {font-size:26px;vertical-align:middle;}

body.page-modification-fiche .icone-image-piece-off {filter:grayscale(1);opacity:.35;}

body.page-modification-fiche .form-pieces-supplementaires {display:inline-block;margin-left:15px;}

body.page-modification-fiche .image_piece {max-width:80px;max-height:80px;}

body.page-modification-fiche .piece-supplementaire td {font-style:italic;}

body.page-modification-fiche .migration-pieces {padding:10px;}

body.page-modification-fiche .bouton-migration {display:inline-block;padding:8px 12px;border:1px solid #6495ed;border-radius:5px;background:#98FB98;}

/* Zoom uniquement sur la grande image du set. */

body.page-modification-fiche .image-principale-zoom {transition:transform .20s ease;transform-origin:center center;position:relative;z-index:1;}

body.page-modification-fiche .image-principale-zoom:hover {transform:scale(1.55);z-index:20;}

/* Tri des tableaux de pièces. */

body.page-modification-fiche .lien-tri-pieces {display:block;width:100%;color:#000000;text-decoration:none;}

body.page-modification-fiche .lien-tri-pieces:hover {color:#8B6C42;}


body.page-modification-fiche table.listes-pieces {width:100%;height:100%;border-collapse:collapse;margin:0;padding:0;}

body.page-modification-fiche table.listes-pieces thead {position:sticky;top:0;height:auto;}

body.page-modification-fiche table.listes-pieces tr,
body.page-modification-fiche table.listes-pieces td {border:1px solid #ccc;}

body.page-modification-fiche table.listes-pieces th {border:1px solid #ccc;padding:3px;background-color:#98FB98;}

body.page-modification-fiche table.listes-pieces tr:nth-child(even) {background-color:#D0E3FA;}

body.page-modification-fiche table.listes-pieces tr:nth-child(odd) {background-color:#ffffff;}

body.page-modification-fiche table.listes-pieces td {padding:0;border:1px solid #ccc;}

body.page-modification-fiche .commande-pieces {text-align:left;}

body.page-modification-fiche .lien-tri-pieces {display:block;width:100%;text-align:center;line-height:1.15;white-space:normal;}

body.page-modification-fiche .titre-tri {display:block;}

body.page-modification-fiche .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

body.page-modification-fiche .menu-page-gauche {text-align:left;}

/* Même comportement de cellules que le tableau .tab-set de index.php. */

body.page-modification-fiche table.listes-pieces {border-collapse:separate;border-spacing:0;}


body.page-modification-fiche .cellule-centree {text-align:center;vertical-align:middle;}

body.page-modification-fiche .titre-image-piece {text-align:center;vertical-align:middle;}

body.page-modification-fiche .filtres-pieces {display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px;flex-wrap:wrap;}

body.page-modification-fiche .filtres-pieces input {max-width:140px;}

body.page-modification-fiche .fiche-piece {padding:8px;box-sizing:border-box;}

body.page-modification-fiche .fiche-piece-entete {display:flex;gap:15px;align-items:flex-start;}

body.page-modification-fiche .fiche-piece-entete>img {max-width:220px;max-height:220px;object-fit:contain;}

body.page-modification-fiche .fiche-piece-entete .fiche {margin:0;flex:1;}


body.page-modification-fiche .bouton-miniature-media,
body.page-modification-fiche .bouton-miniature-video {border:0;background:transparent;padding:2px;cursor:pointer;vertical-align:middle;position:relative;}

body.page-modification-fiche .mini-video {width:120px;height:75px;object-fit:contain;background:#000;pointer-events:none;}

body.page-modification-fiche .bouton-miniature-video span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 0 4px #000;}

body.page-modification-fiche .modal-media {display:none;position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.82);align-items:center;justify-content:center;}

body.page-modification-fiche .modal-media.ouvert {display:flex;}

body.page-modification-fiche .modal-contenu {max-width:82vw;max-height:86vh;display:flex;align-items:center;justify-content:center;}

body.page-modification-fiche .modal-contenu img,
body.page-modification-fiche .modal-contenu video {max-width:82vw;max-height:86vh;background:#000;}

body.page-modification-fiche .modal-fermer,
body.page-modification-fiche .modal-precedent,
body.page-modification-fiche .modal-suivant {position:fixed;border:0;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer;padding:8px 12px;border-radius:5px;}

body.page-modification-fiche .modal-fermer {right:20px;top:20px;}

body.page-modification-fiche .modal-precedent {left:20px;top:50%;}

body.page-modification-fiche .modal-suivant {right:20px;top:50%;}

body.page-modification-fiche .outils-liste-pieces {text-align:right;margin:0 0 8px 0}

body.page-modification-fiche .form-index-outil {display:inline}

body.page-modification-fiche .menu-page-gauche {text-align:left}

body.page-modification-fiche .icone-action {text-decoration:none;font-size:24px;line-height:24px;vertical-align:middle}

/* Correctif candidat point fixe - outils et fiche pièce. */

body.page-modification-fiche .outils-liste-pieces {text-align:right;vertical-align:top}

body.page-modification-fiche .ligne-outil {white-space:nowrap;margin-bottom:4px}

body.page-modification-fiche .form-index-outil {display:inline-block;margin-left:4px;vertical-align:middle}

body.page-modification-fiche .form-index-outil select,
body.page-modification-fiche .form-index-outil input {vertical-align:middle}

body.page-modification-fiche .miniature-set-piece {max-width:70px;max-height:55px;object-fit:contain;vertical-align:middle}

/* Outils alignés sur l'index */

body.page-modification-fiche .outils-liste-pieces {vertical-align:top;text-align:right}

body.page-modification-fiche .outils-liste-pieces .ligne-outil {display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px}

body.page-modification-fiche .outils-liste-pieces .form-index-outil {display:inline-flex;margin:0}

body.page-modification-fiche .note-personnelle-fiche {margin-top:12px;padding:8px;border:1px solid #bbb}

body.page-modification-fiche .note-personnelle-fiche h3 {margin:0 0 6px}

/* Correctif informations de fiche */

body.page-modification-fiche .icone-fiche-action {display:inline-block;text-decoration:none;font-size:30px;line-height:35px;vertical-align:middle;color:#222;margin-left:6px}

body.page-modification-fiche .information-mise-a-jour,
body.page-modification-fiche .information-pieces-supplementaires {display:inline-block;margin-top:3px}

body.page-modification-fiche .note-personnelle-fiche {margin:12px 0;padding:10px 12px;border:1px solid #999;background:#f5f5f5;border-radius:3px}

body.page-modification-fiche .note-personnelle-fiche h3 {margin:0 0 7px;border-bottom:1px solid #bbb;padding-bottom:4px}

body.page-modification-fiche .note-personnelle-fiche p {margin:0;white-space:normal}

body.page-modification-fiche .compteurs-pieces {display:inline-block;margin-top:5px;line-height:1.4}

/* Les informations de l'en-tête restent visibles sous les icônes. */

body.page-modification-fiche nav {
	height: auto;
	min-height: 40px;
	box-sizing: border-box;
}

body.page-modification-fiche nav .information-entete-pieces,
body.page-modification-fiche nav .compteurs-pieces,
body.page-modification-fiche nav .information-mise-a-jour {
	display: block;
	clear: both;
	margin-top: 5px;
	line-height: 1.4;
}

body.page-modification-fiche .note-personnelle-fiche {
	border: 0;
	background: transparent;
	border-radius: 0;
}

body.page-modification-fiche .note-personnelle-fiche h3 {
	border-bottom: 0;
}

/* Note personnelle : même largeur et même encadrement que les informations générales. */

body.page-modification-fiche .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 12px 0;
	padding: 10px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	background: #f5f5f5;
}

body.page-modification-fiche .zoneB .note-personnelle-fiche h3 {
	margin: 0 0 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
}

body.page-modification-fiche .zoneB .note-personnelle-fiche p {
	margin: 0;
	white-space: normal;
}

body.page-modification-fiche .fiche-video-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	max-width: 160px;
	margin: 4px 8px 8px 0;
}

body.page-modification-fiche .fiche-video-nom {
	display: block;
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	overflow-wrap: anywhere;
}

/* Fiche du set : note personnelle harmonisée avec le tableau Informations générales. */

body.page-modification-fiche .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 90%;
	max-width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #6495ed;
	border-radius: 0;
	background: #ffffff;
}

body.page-modification-fiche .zoneB .note-personnelle-fiche h3 {
	margin: 0;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #6495ed;
	background: #98FB98;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
}

body.page-modification-fiche .zoneB .note-personnelle-fiche p {
	margin: 0;
	padding: 8px;
	background: #ffffff;
	text-align: left;
	overflow-wrap: anywhere;
}

/* ========== modification_Fiche.php / style-icones.css ========== */
/* ==========================================
 * ICONES DES MENUS
 * ========================================== */

body.page-modification-fiche .icones-menu {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
}

/* Liens des menus */

body.page-modification-fiche .icones-menu a {
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
}

/* Boutons des menus */

body.page-modification-fiche .icones-menu button {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ========== modification_Fiche.php / style-modification-set.css ========== */
body.page-modification-fiche .barre-actions {
	display:flex;
	align-items:center;
	gap:6px;
	height:auto;
	min-height:40px;
	text-align:left;
	font-size:40px;
	line-height:60px;
}

body.page-modification-fiche .barre-actions form {
	margin:0;
	padding:0;
}

body.page-modification-fiche .icone-action,
body.page-modification-fiche .bouton-icone,
body.page-modification-fiche .petit-bouton {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid #6495ed;
	border-radius:4px;
	background:#ffffff;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	/font-size:20px;
	line-height:1;
	padding:4px 7px;
}

body.page-modification-fiche .icone-action:hover,
body.page-modification-fiche .bouton-icone:hover,
body.page-modification-fiche .petit-bouton:hover {
	background:#D0E3FA;
}

body.page-modification-fiche .petit-bouton {
	font-size:16px;
	padding:2px 5px;
}

body.page-modification-fiche .bouton-suppression:hover {
	background:#f4cccc;
}

body.page-modification-fiche .form-icone,
body.page-modification-fiche .form-ressource {
	display:inline;
	margin:0;
	padding:0;
}

body.page-modification-fiche .admin-page {
	padding:5px;
}

body.page-modification-fiche .modification-presentation {
	display:grid;
	grid-template-columns:40% 60%;
	gap:10px;
	margin-bottom:10px;
}

body.page-modification-fiche .modification-image {
	text-align:center;
	padding:8px;
	border:1px solid #6495ed;
	background:#ffffff;
}

body.page-modification-fiche .image-admin {
	max-width:100%;
	max-height:220px;
	width:auto;
	height:auto;
}

body.page-modification-fiche .modification-informations h2,
body.page-modification-fiche .panneau-ajout h2,
body.page-modification-fiche .panneau-ressources h2,
body.page-modification-fiche .rapport-rebrickable h2 {
	margin:0 0 8px 0;
	padding:5px;
	background:#98FB98;
	border:1px solid #6495ed;
	font-size:18px;
}

body.page-modification-fiche .modification-informations .fiche {
	width:100%;
	margin:0;
}

body.page-modification-fiche .panneau-ajout,
body.page-modification-fiche .panneau-ressources,
body.page-modification-fiche .rapport-rebrickable {
	margin:10px 0;
	padding:8px;
	border:1px solid #6495ed;
	background:#ffffff;
}

body.page-modification-fiche .options-importation,
body.page-modification-fiche .donnees-personnelles,
body.page-modification-fiche .ajout-ressources {
	display:grid;
	grid-template-columns:1fr;
	gap:7px;
	padding:5px;
}

body.page-modification-fiche .options-importation label,
body.page-modification-fiche .ajout-ressources label {
	display:block;
	padding:6px;
	background:#D0E3FA;
	border:1px solid #6495ed;
}

body.page-modification-fiche .donnees-personnelles label {
	font-weight:bold;
}

body.page-modification-fiche .donnees-personnelles input,
body.page-modification-fiche .donnees-personnelles textarea {
	max-width:600px;
}

body.page-modification-fiche .rapport-rebrickable {
	background:#f7f7f7;
}

body.page-modification-fiche .rapport-rebrickable ul {
	margin:5px 0;
}

body.page-modification-fiche .ressource-ligne {
	display:flex;
	align-items:center;
	gap:5px;
	padding:5px;
	border-bottom:1px solid #6495ed;
	min-height:35px;
}

body.page-modification-fiche .ressource-ligne:nth-child(even) {
	background:#D0E3FA;
}

body.page-modification-fiche .ressource-ligne:nth-child(odd) {
	background:#ffffff;
}

body.page-modification-fiche .nom-ressource {
	flex:1;
	word-break:break-word;
}

body.page-modification-fiche .miniature-ressource {
	width:55px;
	height:55px;
	object-fit:contain;
	background:#ffffff;
}

body.page-modification-fiche .icone-pdf {
	width:25px;
	height:25px;
}

body.page-modification-fiche .message-succes,
body.page-modification-fiche .message-erreur {
	padding:7px;
	border:1px solid #6495ed;
}

body.page-modification-fiche .message-succes {background:#98FB98;}

body.page-modification-fiche .message-erreur {background:#f4cccc;}

body.page-modification-fiche .boutons-admin {
	display:flex;
	gap:6px;
	align-items:center;
	margin-top:8px;
}

@media screen and (max-width:780px) {
body.page-modification-fiche .modification-presentation {grid-template-columns:1fr;}
}

body.page-modification-fiche .table-informations-generales {width:100%;border-collapse:collapse;}

body.page-modification-fiche .table-informations-generales th,
body.page-modification-fiche .table-informations-generales td {padding:5px;border:1px solid #6495ed;}

body.page-modification-fiche .ligne-information-personnelle {display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;margin:5px 0;}

@media screen and (max-width:780px) {
body.page-modification-fiche .ligne-information-personnelle {grid-template-columns:1fr;}
}

/* Ajout d'un set : présentation simple et lisible. */

body.page-modification-fiche .barre-actions-gauche {text-align:left;}

body.page-modification-fiche .apercu-nouveau-set {width:100%;box-sizing:border-box;overflow:hidden;}

body.page-modification-fiche .apercu-nouveau-set .modification-image,
body.page-modification-fiche .apercu-nouveau-set .modification-informations {min-width:0;}

body.page-modification-fiche .apercu-nouveau-set .image-admin {max-width:100%;height:auto;object-fit:contain;}

body.page-modification-fiche .tableau-apercu-set {width:100%;max-width:100%;table-layout:fixed;box-sizing:border-box;}

body.page-modification-fiche .tableau-apercu-set td {overflow-wrap:anywhere;word-break:normal;}

body.page-modification-fiche .resume-rebrickable {margin-top:8px;}

body.page-modification-fiche .rapport-rebrickable {margin:0;padding-left:24px;}

body.page-modification-fiche .donnees-personnelles {display:block;}

body.page-modification-fiche .ligne-exemplaires {display:flex;align-items:center;gap:8px;margin-bottom:8px;}

body.page-modification-fiche .input-exemplaires {width:65px!important;max-width:65px;box-sizing:border-box;}

body.page-modification-fiche .donnees-personnelles textarea {width:100%;box-sizing:border-box;}

body.page-modification-fiche .medias-personnels {display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;}

body.page-modification-fiche .medias-personnels input[type=file] {max-width:100%;}

body.page-modification-fiche .boutons-admin-gauche {justify-content:flex-start;}

body.page-modification-fiche .recherche-nouveau-set {display:flex;gap:7px;align-items:center;flex-wrap:wrap;}

body.page-modification-fiche .recherche-nouveau-set input[type=text] {max-width:180px;}

@media screen and (max-width:780px) {
body.page-modification-fiche .medias-personnels {grid-template-columns:1fr;}
}


body.page-modification-fiche .admin-page,
body.page-modification-fiche .modification-presentation,
body.page-modification-fiche .modification-image,
body.page-modification-fiche .modification-informations,
body.page-modification-fiche .panneau-ajout,
body.page-modification-fiche .panneau-ressources,
body.page-modification-fiche .rapport-rebrickable {box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere;}

body.page-modification-fiche .modification-presentation {grid-template-columns:minmax(0,40%) minmax(0,60%);}

body.page-modification-fiche .modification-informations {min-width:0;overflow:hidden;}

body.page-modification-fiche .modification-informations h2 {max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;}

body.page-modification-fiche .modification-informations .fiche,
body.page-modification-fiche .table-informations-generales {max-width:100%;table-layout:fixed;box-sizing:border-box;}

body.page-modification-fiche .table-informations-generales td,
body.page-modification-fiche .table-informations-generales th {overflow-wrap:anywhere;}

body.page-modification-fiche .ressource-ligne {max-width:100%;box-sizing:border-box;flex-wrap:wrap;}

body.page-modification-fiche .input-exemplaires,
body.page-modification-fiche #nombre_exemplaires {width:48px!important;max-width:48px!important;}

body.page-modification-fiche .donnees-personnelles-modif {display:block;}

body.page-modification-fiche .donnees-personnelles-modif .ligne-exemplaires {margin-bottom:8px;}

body.page-modification-fiche .donnees-personnelles-modif textarea {display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:4px;}

body.page-modification-fiche .recapitulatif-ajout {margin:10px 0;padding:8px;border:1px solid #6495ed;background:#fff;box-sizing:border-box;}

body.page-modification-fiche .recapitulatif-ajout>h2 {margin:0 0 8px;padding:5px;background:#98FB98;border:1px solid #6495ed;font-size:18px;}

body.page-modification-fiche .recap-grille {display:grid;grid-template-columns:1fr 1fr;gap:8px;}

body.page-modification-fiche .recap-grille>div {border:1px solid #6495ed;padding:7px;min-width:0;box-sizing:border-box;}

body.page-modification-fiche .recap-grille h3 {margin:0 0 5px;}

@media screen and (max-width:780px) {
body.page-modification-fiche .recap-grille {grid-template-columns:1fr;}
}

/* Correctif commandes médias. */

body.page-modification-fiche .favori-actif {color:#c00;font-weight:bold}

body.page-modification-fiche .selection-multiple {display:inline-flex;align-items:center;margin-left:3px}

/* Nouvelle architecture - harmonisation des commandes */

body.page-modification-fiche .image-defaut-active {color:#111;font-weight:bold}

body.page-modification-fiche .ordre-information {width:48px;text-align:center}

body.page-modification-fiche .commandes-ordre {white-space:nowrap}

body.page-modification-fiche .petit-bouton {background:transparent;border:0;cursor:pointer;padding:2px 4px}

body.page-modification-fiche .petit-bouton:hover {background:#eee}

body.page-modification-fiche .selection-multiple {margin-left:6px}

body.page-modification-fiche .panneau-ressources>form[id^="form-multiples-"] {text-align:right;margin-top:5px;padding-right:3px}

body.page-modification-fiche .note-personnelle-fiche {margin-top:10px}

body.page-modification-fiche .ligne-information-personnelle {display:flex;gap:5px;align-items:center;margin-bottom:5px}

body.page-modification-fiche .favori-jaune {color:#d9a400}

body.page-modification-fiche .image-defaut-active {color:#b00000}

/* Correctif visuel du lot du 07/10. */

body.page-modification-fiche .icone-action,
body.page-modification-fiche .bouton-icone,
body.page-modification-fiche .petit-bouton {border-color:#999;background:#fff;}

body.page-modification-fiche .icone-action:hover,
body.page-modification-fiche .bouton-icone:hover,
body.page-modification-fiche .petit-bouton:hover {background:#eee;}

body.page-modification-fiche .image-defaut-active {color:#c00!important;font-weight:bold;}

body.page-modification-fiche .panneau-ressources>form[id^="form-multiples-"] {display:flex;justify-content:flex-end;margin-top:4px;}

/* Correctif glisser-déposer */

body.page-modification-fiche .table-informations-generales {width:100%;border-collapse:collapse;margin:8px 0 14px}

body.page-modification-fiche .table-informations-generales th,
body.page-modification-fiche .table-informations-generales td {border:1px solid #aaa;padding:6px;vertical-align:middle}

body.page-modification-fiche .table-informations-generales th {background:#eee;text-align:center}

body.page-modification-fiche .poignee-deplacement {cursor:grab;user-select:none;font-size:18px;text-align:center;padding:2px 7px}

body.page-modification-fiche .element-en-deplacement {opacity:.45}

body.page-modification-fiche .ressource-ligne[draggable="true"],
body.page-modification-fiche .ligne-information-personnelle[draggable="true"],
body.page-modification-fiche .table-informations-generales tr[draggable="true"] {cursor:default}

body.page-modification-fiche .informations-personnelles-triables {margin-bottom:6px}

/* Une seule étoile par image : défaut, commune aux sources, autre. */

body.page-modification-fiche .image-defaut-active { color: #e1ae00 !important; }

body.page-modification-fiche .etoile-image-commune { color: #161616 !important; }

body.page-modification-fiche .etoile-image-autre { color: #fff !important; -webkit-text-stroke: 1px #555; text-shadow: 0 0 1px #555; }

/* Confirmation discrète de l'enregistrement de l'ordre. */

body.page-modification-fiche #notification-ordre {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	background: #252525;
	color: #fff;
	padding: 10px 16px;
	border-radius: 5px;
}

body.page-modification-fiche #notification-ordre.erreur { background: #9c2020; }

/* Rubriques repliables de modification : fermées lors d'une ouverture normale. */

body.page-modification-fiche .rubrique-modification {
	margin: 10px 0;
	border: 1px solid #6495ed;
	background: #fff;
}

body.page-modification-fiche .rubrique-modification > summary {
	padding: 9px;
	background: #98FB98;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}

body.page-modification-fiche .rubrique-modification > .panneau-ajout,
body.page-modification-fiche .rubrique-modification > .panneau-ressources {
	margin: 0;
	border: 0;
}

body.page-modification-fiche .rubrique-modification:target {
	scroll-margin-top: 12px;
}

/* ========== fonctions/modification_Fiche.php / style-fiche.css ========== */
body.page-fonctions-modification-fiche {
		margin: 0;
		padding: 0;
	}

body.page-fonctions-modification-fiche #conteneur {
		margin: 0 auto;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}

body.page-fonctions-modification-fiche header {
		height: 60px;
		padding: 3px;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}

body.page-fonctions-modification-fiche header h1 {
		display:inline;
		font-style: italic;
		text-align:center;
	}

body.page-fonctions-modification-fiche header img {
		vertical-align:bottom;
	}

body.page-fonctions-modification-fiche nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height: 40px;
		text-align:left;
	}

body.page-fonctions-modification-fiche nav img {
		vertical-align:bottom;
	}

body.page-fonctions-modification-fiche section {

		margin: 0;
		padding: 0;
		width: 100%;
	}

body.page-fonctions-modification-fiche footer {
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);

		text-align:center;
	}

body.page-fonctions-modification-fiche .zoneA {
		float: left;
		width: 465px;
		text-align:center;
		margin: 3px 0px 0px 0px;
	}

body.page-fonctions-modification-fiche .zoneB {
		float: left;
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 0;
	}

body.page-fonctions-modification-fiche .zoneC {
		float: none;
		width: 100%;;
	}

body.page-fonctions-modification-fiche .clear {
		clear: both;
	}

/***** affiche image ******/

body.page-fonctions-modification-fiche .affi-image {
		height: 250px;
		max-width: 400px;
	}

body.page-fonctions-modification-fiche table {
		margin: auto;
	}

body.page-fonctions-modification-fiche .zoneC table {
		width: 100%;
	}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

@media screen and (max-width: 1050px) {
body.page-fonctions-modification-fiche #conteneur { width: 98%;text-align:center; }

body.page-fonctions-modification-fiche .zoneA,
body.page-fonctions-modification-fiche .zoneB { width: 50%;}

body.page-fonctions-modification-fiche .zoneC { width: 100%; }

body.page-fonctions-modification-fiche .affi-image {height: 200px;}

/* affiche image */
}

@media screen and (max-width: 780px) {
body.page-fonctions-modification-fiche #conteneur { width: 98%; text-align:center;}

body.page-fonctions-modification-fiche .zoneA,
body.page-fonctions-modification-fiche .zoneB { width: 50%;}

body.page-fonctions-modification-fiche .zoneC { width: 100%; }

body.page-fonctions-modification-fiche .affi-image {height: 160px;}

/* affiche image */
}

@media screen and (max-width: 380px) {
body.page-fonctions-modification-fiche #conteneur { width: 98%; text-align:center;}

body.page-fonctions-modification-fiche .zoneA,
body.page-fonctions-modification-fiche .zoneB,
body.page-fonctions-modification-fiche .zoneC { width: 70%; }

body.page-fonctions-modification-fiche .affi-image {height: 100px;}

/* affiche image */

body.page-fonctions-modification-fiche h1 {font-size:28px;}
}

/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/

/*  Fiche + apercu image */

body.page-fonctions-modification-fiche .fiche {
		border-collapse: collapse;

		margin-bottom : 10px;
		width: 90%;
	}

body.page-fonctions-modification-fiche .fiche th {
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}

body.page-fonctions-modification-fiche .fiche tr:nth-child(even) {
		background-color: #6495ed;
	}

body.page-fonctions-modification-fiche .fiche tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-fonctions-modification-fiche .fiche td {
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}

/*  Listes des pieces */

body.page-fonctions-modification-fiche .listes-pieces {
        overflow-y: auto;
		overflow-x: hidden;


	}

body.page-fonctions-modification-fiche .listes-pieces thead {
        position: sticky;
        top: 0;
		height: 50px;
	}

body.page-fonctions-modification-fiche .listes-pieces tfoot {

	}

body.page-fonctions-modification-fiche .listes-pieces table {

		border-collapse: collapse;
	}

body.page-fonctions-modification-fiche .listes-pieces tr,
body.page-fonctions-modification-fiche .listes-pieces td {
        border: 1px solid #ccc;
    }

body.page-fonctions-modification-fiche .listes-pieces th {
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }

body.page-fonctions-modification-fiche .listes-pieces tr:nth-child(even) {
		background-color: #D0E3FA;
	}

body.page-fonctions-modification-fiche .listes-pieces tr:nth-child(odd) {
		background-color: #ffffff;
	}

body.page-fonctions-modification-fiche .listes-pieces td {
		border-bottom: 1px solid #6495ed;
	}

/* Les Liens */

body.page-fonctions-modification-fiche a:link,
body.page-fonctions-modification-fiche a:visited,
body.page-fonctions-modification-fiche a:active {
		text-decoration:none;
		color:#000000;
	}

body.page-fonctions-modification-fiche a:hover {
		text-decoration:none;
		color:#8B6C42;
	}

/* Commandes du tableau global des pièces. */

body.page-fonctions-modification-fiche .commande-pieces {padding:8px;text-align:right;}

body.page-fonctions-modification-fiche .icone-image-piece {font-size:26px;vertical-align:middle;}

body.page-fonctions-modification-fiche .icone-image-piece-off {filter:grayscale(1);opacity:.35;}

body.page-fonctions-modification-fiche .form-pieces-supplementaires {display:inline-block;margin-left:15px;}

body.page-fonctions-modification-fiche .image_piece {max-width:80px;max-height:80px;}

body.page-fonctions-modification-fiche .piece-supplementaire td {font-style:italic;}

body.page-fonctions-modification-fiche .migration-pieces {padding:10px;}

body.page-fonctions-modification-fiche .bouton-migration {display:inline-block;padding:8px 12px;border:1px solid #6495ed;border-radius:5px;background:#98FB98;}

/* Zoom uniquement sur la grande image du set. */

body.page-fonctions-modification-fiche .image-principale-zoom {transition:transform .20s ease;transform-origin:center center;position:relative;z-index:1;}

body.page-fonctions-modification-fiche .image-principale-zoom:hover {transform:scale(1.55);z-index:20;}

/* Tri des tableaux de pièces. */

body.page-fonctions-modification-fiche .lien-tri-pieces {display:block;width:100%;color:#000000;text-decoration:none;}

body.page-fonctions-modification-fiche .lien-tri-pieces:hover {color:#8B6C42;}


body.page-fonctions-modification-fiche table.listes-pieces {width:100%;height:100%;border-collapse:collapse;margin:0;padding:0;}

body.page-fonctions-modification-fiche table.listes-pieces thead {position:sticky;top:0;height:auto;}

body.page-fonctions-modification-fiche table.listes-pieces tr,
body.page-fonctions-modification-fiche table.listes-pieces td {border:1px solid #ccc;}

body.page-fonctions-modification-fiche table.listes-pieces th {border:1px solid #ccc;padding:3px;background-color:#98FB98;}

body.page-fonctions-modification-fiche table.listes-pieces tr:nth-child(even) {background-color:#D0E3FA;}

body.page-fonctions-modification-fiche table.listes-pieces tr:nth-child(odd) {background-color:#ffffff;}

body.page-fonctions-modification-fiche table.listes-pieces td {padding:0;border:1px solid #ccc;}

body.page-fonctions-modification-fiche .commande-pieces {text-align:left;}

body.page-fonctions-modification-fiche .lien-tri-pieces {display:block;width:100%;text-align:center;line-height:1.15;white-space:normal;}

body.page-fonctions-modification-fiche .titre-tri {display:block;}

body.page-fonctions-modification-fiche .fleche-tri {display:block;height:1.15em;line-height:1.15em;}

body.page-fonctions-modification-fiche .menu-page-gauche {text-align:left;}

/* Même comportement de cellules que le tableau .tab-set de index.php. */

body.page-fonctions-modification-fiche table.listes-pieces {border-collapse:separate;border-spacing:0;}


body.page-fonctions-modification-fiche .cellule-centree {text-align:center;vertical-align:middle;}

body.page-fonctions-modification-fiche .titre-image-piece {text-align:center;vertical-align:middle;}

body.page-fonctions-modification-fiche .filtres-pieces {display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px;flex-wrap:wrap;}

body.page-fonctions-modification-fiche .filtres-pieces input {max-width:140px;}

body.page-fonctions-modification-fiche .fiche-piece {padding:8px;box-sizing:border-box;}

body.page-fonctions-modification-fiche .fiche-piece-entete {display:flex;gap:15px;align-items:flex-start;}

body.page-fonctions-modification-fiche .fiche-piece-entete>img {max-width:220px;max-height:220px;object-fit:contain;}

body.page-fonctions-modification-fiche .fiche-piece-entete .fiche {margin:0;flex:1;}


body.page-fonctions-modification-fiche .bouton-miniature-media,
body.page-fonctions-modification-fiche .bouton-miniature-video {border:0;background:transparent;padding:2px;cursor:pointer;vertical-align:middle;position:relative;}

body.page-fonctions-modification-fiche .mini-video {width:120px;height:75px;object-fit:contain;background:#000;pointer-events:none;}

body.page-fonctions-modification-fiche .bouton-miniature-video span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 0 4px #000;}

body.page-fonctions-modification-fiche .modal-media {display:none;position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.82);align-items:center;justify-content:center;}

body.page-fonctions-modification-fiche .modal-media.ouvert {display:flex;}

body.page-fonctions-modification-fiche .modal-contenu {max-width:82vw;max-height:86vh;display:flex;align-items:center;justify-content:center;}

body.page-fonctions-modification-fiche .modal-contenu img,
body.page-fonctions-modification-fiche .modal-contenu video {max-width:82vw;max-height:86vh;background:#000;}

body.page-fonctions-modification-fiche .modal-fermer,
body.page-fonctions-modification-fiche .modal-precedent,
body.page-fonctions-modification-fiche .modal-suivant {position:fixed;border:0;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer;padding:8px 12px;border-radius:5px;}

body.page-fonctions-modification-fiche .modal-fermer {right:20px;top:20px;}

body.page-fonctions-modification-fiche .modal-precedent {left:20px;top:50%;}

body.page-fonctions-modification-fiche .modal-suivant {right:20px;top:50%;}

body.page-fonctions-modification-fiche .outils-liste-pieces {text-align:right;margin:0 0 8px 0}

body.page-fonctions-modification-fiche .form-index-outil {display:inline}

body.page-fonctions-modification-fiche .menu-page-gauche {text-align:left}

body.page-fonctions-modification-fiche .icone-action {text-decoration:none;font-size:24px;line-height:24px;vertical-align:middle}

/* Correctif candidat point fixe - outils et fiche pièce. */

body.page-fonctions-modification-fiche .outils-liste-pieces {text-align:right;vertical-align:top}

body.page-fonctions-modification-fiche .ligne-outil {white-space:nowrap;margin-bottom:4px}

body.page-fonctions-modification-fiche .form-index-outil {display:inline-block;margin-left:4px;vertical-align:middle}

body.page-fonctions-modification-fiche .form-index-outil select,
body.page-fonctions-modification-fiche .form-index-outil input {vertical-align:middle}

body.page-fonctions-modification-fiche .miniature-set-piece {max-width:70px;max-height:55px;object-fit:contain;vertical-align:middle}

/* Outils alignés sur l'index */

body.page-fonctions-modification-fiche .outils-liste-pieces {vertical-align:top;text-align:right}

body.page-fonctions-modification-fiche .outils-liste-pieces .ligne-outil {display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px}

body.page-fonctions-modification-fiche .outils-liste-pieces .form-index-outil {display:inline-flex;margin:0}

body.page-fonctions-modification-fiche .note-personnelle-fiche {margin-top:12px;padding:8px;border:1px solid #bbb}

body.page-fonctions-modification-fiche .note-personnelle-fiche h3 {margin:0 0 6px}

/* Correctif informations de fiche */

body.page-fonctions-modification-fiche .icone-fiche-action {display:inline-block;text-decoration:none;font-size:30px;line-height:35px;vertical-align:middle;color:#222;margin-left:6px}

body.page-fonctions-modification-fiche .information-mise-a-jour,
body.page-fonctions-modification-fiche .information-pieces-supplementaires {display:inline-block;margin-top:3px}

body.page-fonctions-modification-fiche .note-personnelle-fiche {margin:12px 0;padding:10px 12px;border:1px solid #999;background:#f5f5f5;border-radius:3px}

body.page-fonctions-modification-fiche .note-personnelle-fiche h3 {margin:0 0 7px;border-bottom:1px solid #bbb;padding-bottom:4px}

body.page-fonctions-modification-fiche .note-personnelle-fiche p {margin:0;white-space:normal}

body.page-fonctions-modification-fiche .compteurs-pieces {display:inline-block;margin-top:5px;line-height:1.4}

/* Les informations de l'en-tête restent visibles sous les icônes. */

body.page-fonctions-modification-fiche nav {
	height: auto;
	min-height: 40px;
	box-sizing: border-box;
}

body.page-fonctions-modification-fiche nav .information-entete-pieces,
body.page-fonctions-modification-fiche nav .compteurs-pieces,
body.page-fonctions-modification-fiche nav .information-mise-a-jour {
	display: block;
	clear: both;
	margin-top: 5px;
	line-height: 1.4;
}

body.page-fonctions-modification-fiche .note-personnelle-fiche {
	border: 0;
	background: transparent;
	border-radius: 0;
}

body.page-fonctions-modification-fiche .note-personnelle-fiche h3 {
	border-bottom: 0;
}

/* Note personnelle : même largeur et même encadrement que les informations générales. */

body.page-fonctions-modification-fiche .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 12px 0;
	padding: 10px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	background: #f5f5f5;
}

body.page-fonctions-modification-fiche .zoneB .note-personnelle-fiche h3 {
	margin: 0 0 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
}

body.page-fonctions-modification-fiche .zoneB .note-personnelle-fiche p {
	margin: 0;
	white-space: normal;
}

body.page-fonctions-modification-fiche .fiche-video-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: top;
	max-width: 160px;
	margin: 4px 8px 8px 0;
}

body.page-fonctions-modification-fiche .fiche-video-nom {
	display: block;
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	overflow-wrap: anywhere;
}

/* Fiche du set : note personnelle harmonisée avec le tableau Informations générales. */

body.page-fonctions-modification-fiche .zoneB .note-personnelle-fiche {
	box-sizing: border-box;
	width: 90%;
	max-width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #6495ed;
	border-radius: 0;
	background: #ffffff;
}

body.page-fonctions-modification-fiche .zoneB .note-personnelle-fiche h3 {
	margin: 0;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #6495ed;
	background: #98FB98;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
}

body.page-fonctions-modification-fiche .zoneB .note-personnelle-fiche p {
	margin: 0;
	padding: 8px;
	background: #ffffff;
	text-align: left;
	overflow-wrap: anywhere;
}

/* ========== fonctions/modification_Fiche.php / style-modification-set.css ========== */
body.page-fonctions-modification-fiche .barre-actions {
	display:flex;
	align-items:center;
	gap:6px;
	height:auto;
	min-height:40px;
	text-align:left;
	font-size:40px;
	line-height:60px;
}

body.page-fonctions-modification-fiche .barre-actions form {
	margin:0;
	padding:0;
}

body.page-fonctions-modification-fiche .icone-action,
body.page-fonctions-modification-fiche .bouton-icone,
body.page-fonctions-modification-fiche .petit-bouton {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid #6495ed;
	border-radius:4px;
	background:#ffffff;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	/font-size:20px;
	line-height:1;
	padding:4px 7px;
}

body.page-fonctions-modification-fiche .icone-action:hover,
body.page-fonctions-modification-fiche .bouton-icone:hover,
body.page-fonctions-modification-fiche .petit-bouton:hover {
	background:#D0E3FA;
}

body.page-fonctions-modification-fiche .petit-bouton {
	font-size:16px;
	padding:2px 5px;
}

body.page-fonctions-modification-fiche .bouton-suppression:hover {
	background:#f4cccc;
}

body.page-fonctions-modification-fiche .form-icone,
body.page-fonctions-modification-fiche .form-ressource {
	display:inline;
	margin:0;
	padding:0;
}

body.page-fonctions-modification-fiche .admin-page {
	padding:5px;
}

body.page-fonctions-modification-fiche .modification-presentation {
	display:grid;
	grid-template-columns:40% 60%;
	gap:10px;
	margin-bottom:10px;
}

body.page-fonctions-modification-fiche .modification-image {
	text-align:center;
	padding:8px;
	border:1px solid #6495ed;
	background:#ffffff;
}

body.page-fonctions-modification-fiche .image-admin {
	max-width:100%;
	max-height:220px;
	width:auto;
	height:auto;
}

body.page-fonctions-modification-fiche .modification-informations h2,
body.page-fonctions-modification-fiche .panneau-ajout h2,
body.page-fonctions-modification-fiche .panneau-ressources h2,
body.page-fonctions-modification-fiche .rapport-rebrickable h2 {
	margin:0 0 8px 0;
	padding:5px;
	background:#98FB98;
	border:1px solid #6495ed;
	font-size:18px;
}

body.page-fonctions-modification-fiche .modification-informations .fiche {
	width:100%;
	margin:0;
}

body.page-fonctions-modification-fiche .panneau-ajout,
body.page-fonctions-modification-fiche .panneau-ressources,
body.page-fonctions-modification-fiche .rapport-rebrickable {
	margin:10px 0;
	padding:8px;
	border:1px solid #6495ed;
	background:#ffffff;
}

body.page-fonctions-modification-fiche .options-importation,
body.page-fonctions-modification-fiche .donnees-personnelles,
body.page-fonctions-modification-fiche .ajout-ressources {
	display:grid;
	grid-template-columns:1fr;
	gap:7px;
	padding:5px;
}

body.page-fonctions-modification-fiche .options-importation label,
body.page-fonctions-modification-fiche .ajout-ressources label {
	display:block;
	padding:6px;
	background:#D0E3FA;
	border:1px solid #6495ed;
}

body.page-fonctions-modification-fiche .donnees-personnelles label {
	font-weight:bold;
}

body.page-fonctions-modification-fiche .donnees-personnelles input,
body.page-fonctions-modification-fiche .donnees-personnelles textarea {
	max-width:600px;
}

body.page-fonctions-modification-fiche .rapport-rebrickable {
	background:#f7f7f7;
}

body.page-fonctions-modification-fiche .rapport-rebrickable ul {
	margin:5px 0;
}

body.page-fonctions-modification-fiche .ressource-ligne {
	display:flex;
	align-items:center;
	gap:5px;
	padding:5px;
	border-bottom:1px solid #6495ed;
	min-height:35px;
}

body.page-fonctions-modification-fiche .ressource-ligne:nth-child(even) {
	background:#D0E3FA;
}

body.page-fonctions-modification-fiche .ressource-ligne:nth-child(odd) {
	background:#ffffff;
}

body.page-fonctions-modification-fiche .nom-ressource {
	flex:1;
	word-break:break-word;
}

body.page-fonctions-modification-fiche .miniature-ressource {
	width:55px;
	height:55px;
	object-fit:contain;
	background:#ffffff;
}

body.page-fonctions-modification-fiche .icone-pdf {
	width:25px;
	height:25px;
}

body.page-fonctions-modification-fiche .message-succes,
body.page-fonctions-modification-fiche .message-erreur {
	padding:7px;
	border:1px solid #6495ed;
}

body.page-fonctions-modification-fiche .message-succes {background:#98FB98;}

body.page-fonctions-modification-fiche .message-erreur {background:#f4cccc;}

body.page-fonctions-modification-fiche .boutons-admin {
	display:flex;
	gap:6px;
	align-items:center;
	margin-top:8px;
}

@media screen and (max-width:780px) {
body.page-fonctions-modification-fiche .modification-presentation {grid-template-columns:1fr;}
}

body.page-fonctions-modification-fiche .table-informations-generales {width:100%;border-collapse:collapse;}

body.page-fonctions-modification-fiche .table-informations-generales th,
body.page-fonctions-modification-fiche .table-informations-generales td {padding:5px;border:1px solid #6495ed;}

body.page-fonctions-modification-fiche .ligne-information-personnelle {display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;margin:5px 0;}

@media screen and (max-width:780px) {
body.page-fonctions-modification-fiche .ligne-information-personnelle {grid-template-columns:1fr;}
}

/* Ajout d'un set : présentation simple et lisible. */

body.page-fonctions-modification-fiche .barre-actions-gauche {text-align:left;}

body.page-fonctions-modification-fiche .apercu-nouveau-set {width:100%;box-sizing:border-box;overflow:hidden;}

body.page-fonctions-modification-fiche .apercu-nouveau-set .modification-image,
body.page-fonctions-modification-fiche .apercu-nouveau-set .modification-informations {min-width:0;}

body.page-fonctions-modification-fiche .apercu-nouveau-set .image-admin {max-width:100%;height:auto;object-fit:contain;}

body.page-fonctions-modification-fiche .tableau-apercu-set {width:100%;max-width:100%;table-layout:fixed;box-sizing:border-box;}

body.page-fonctions-modification-fiche .tableau-apercu-set td {overflow-wrap:anywhere;word-break:normal;}

body.page-fonctions-modification-fiche .resume-rebrickable {margin-top:8px;}

body.page-fonctions-modification-fiche .rapport-rebrickable {margin:0;padding-left:24px;}

body.page-fonctions-modification-fiche .donnees-personnelles {display:block;}

body.page-fonctions-modification-fiche .ligne-exemplaires {display:flex;align-items:center;gap:8px;margin-bottom:8px;}

body.page-fonctions-modification-fiche .input-exemplaires {width:65px!important;max-width:65px;box-sizing:border-box;}

body.page-fonctions-modification-fiche .donnees-personnelles textarea {width:100%;box-sizing:border-box;}

body.page-fonctions-modification-fiche .medias-personnels {display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;}

body.page-fonctions-modification-fiche .medias-personnels input[type=file] {max-width:100%;}

body.page-fonctions-modification-fiche .boutons-admin-gauche {justify-content:flex-start;}

body.page-fonctions-modification-fiche .recherche-nouveau-set {display:flex;gap:7px;align-items:center;flex-wrap:wrap;}

body.page-fonctions-modification-fiche .recherche-nouveau-set input[type=text] {max-width:180px;}

@media screen and (max-width:780px) {
body.page-fonctions-modification-fiche .medias-personnels {grid-template-columns:1fr;}
}


body.page-fonctions-modification-fiche .admin-page,
body.page-fonctions-modification-fiche .modification-presentation,
body.page-fonctions-modification-fiche .modification-image,
body.page-fonctions-modification-fiche .modification-informations,
body.page-fonctions-modification-fiche .panneau-ajout,
body.page-fonctions-modification-fiche .panneau-ressources,
body.page-fonctions-modification-fiche .rapport-rebrickable {box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere;}

body.page-fonctions-modification-fiche .modification-presentation {grid-template-columns:minmax(0,40%) minmax(0,60%);}

body.page-fonctions-modification-fiche .modification-informations {min-width:0;overflow:hidden;}

body.page-fonctions-modification-fiche .modification-informations h2 {max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;}

body.page-fonctions-modification-fiche .modification-informations .fiche,
body.page-fonctions-modification-fiche .table-informations-generales {max-width:100%;table-layout:fixed;box-sizing:border-box;}

body.page-fonctions-modification-fiche .table-informations-generales td,
body.page-fonctions-modification-fiche .table-informations-generales th {overflow-wrap:anywhere;}

body.page-fonctions-modification-fiche .ressource-ligne {max-width:100%;box-sizing:border-box;flex-wrap:wrap;}

body.page-fonctions-modification-fiche .input-exemplaires,
body.page-fonctions-modification-fiche #nombre_exemplaires {width:48px!important;max-width:48px!important;}

body.page-fonctions-modification-fiche .donnees-personnelles-modif {display:block;}

body.page-fonctions-modification-fiche .donnees-personnelles-modif .ligne-exemplaires {margin-bottom:8px;}

body.page-fonctions-modification-fiche .donnees-personnelles-modif textarea {display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:4px;}

body.page-fonctions-modification-fiche .recapitulatif-ajout {margin:10px 0;padding:8px;border:1px solid #6495ed;background:#fff;box-sizing:border-box;}

body.page-fonctions-modification-fiche .recapitulatif-ajout>h2 {margin:0 0 8px;padding:5px;background:#98FB98;border:1px solid #6495ed;font-size:18px;}

body.page-fonctions-modification-fiche .recap-grille {display:grid;grid-template-columns:1fr 1fr;gap:8px;}

body.page-fonctions-modification-fiche .recap-grille>div {border:1px solid #6495ed;padding:7px;min-width:0;box-sizing:border-box;}

body.page-fonctions-modification-fiche .recap-grille h3 {margin:0 0 5px;}

@media screen and (max-width:780px) {
body.page-fonctions-modification-fiche .recap-grille {grid-template-columns:1fr;}
}

/* Correctif commandes médias. */

body.page-fonctions-modification-fiche .favori-actif {color:#c00;font-weight:bold}

body.page-fonctions-modification-fiche .selection-multiple {display:inline-flex;align-items:center;margin-left:3px}

/* Nouvelle architecture - harmonisation des commandes */

body.page-fonctions-modification-fiche .image-defaut-active {color:#111;font-weight:bold}

body.page-fonctions-modification-fiche .ordre-information {width:48px;text-align:center}

body.page-fonctions-modification-fiche .commandes-ordre {white-space:nowrap}

body.page-fonctions-modification-fiche .petit-bouton {background:transparent;border:0;cursor:pointer;padding:2px 4px}

body.page-fonctions-modification-fiche .petit-bouton:hover {background:#eee}

body.page-fonctions-modification-fiche .selection-multiple {margin-left:6px}

body.page-fonctions-modification-fiche .panneau-ressources>form[id^="form-multiples-"] {text-align:right;margin-top:5px;padding-right:3px}

body.page-fonctions-modification-fiche .note-personnelle-fiche {margin-top:10px}

body.page-fonctions-modification-fiche .ligne-information-personnelle {display:flex;gap:5px;align-items:center;margin-bottom:5px}

body.page-fonctions-modification-fiche .favori-jaune {color:#d9a400}

body.page-fonctions-modification-fiche .image-defaut-active {color:#b00000}

/* Correctif visuel du lot du 07/10. */

body.page-fonctions-modification-fiche .icone-action,
body.page-fonctions-modification-fiche .bouton-icone,
body.page-fonctions-modification-fiche .petit-bouton {border-color:#999;background:#fff;}

body.page-fonctions-modification-fiche .icone-action:hover,
body.page-fonctions-modification-fiche .bouton-icone:hover,
body.page-fonctions-modification-fiche .petit-bouton:hover {background:#eee;}

body.page-fonctions-modification-fiche .image-defaut-active {color:#c00!important;font-weight:bold;}

body.page-fonctions-modification-fiche .panneau-ressources>form[id^="form-multiples-"] {display:flex;justify-content:flex-end;margin-top:4px;}

/* Correctif glisser-déposer */

body.page-fonctions-modification-fiche .table-informations-generales {width:100%;border-collapse:collapse;margin:8px 0 14px}

body.page-fonctions-modification-fiche .table-informations-generales th,
body.page-fonctions-modification-fiche .table-informations-generales td {border:1px solid #aaa;padding:6px;vertical-align:middle}

body.page-fonctions-modification-fiche .table-informations-generales th {background:#eee;text-align:center}

body.page-fonctions-modification-fiche .poignee-deplacement {cursor:grab;user-select:none;font-size:18px;text-align:center;padding:2px 7px}

body.page-fonctions-modification-fiche .element-en-deplacement {opacity:.45}

body.page-fonctions-modification-fiche .ressource-ligne[draggable="true"],
body.page-fonctions-modification-fiche .ligne-information-personnelle[draggable="true"],
body.page-fonctions-modification-fiche .table-informations-generales tr[draggable="true"] {cursor:default}

body.page-fonctions-modification-fiche .informations-personnelles-triables {margin-bottom:6px}

/* Une seule étoile par image : défaut, commune aux sources, autre. */

body.page-fonctions-modification-fiche .image-defaut-active { color: #e1ae00 !important; }

body.page-fonctions-modification-fiche .etoile-image-commune { color: #161616 !important; }

body.page-fonctions-modification-fiche .etoile-image-autre { color: #fff !important; -webkit-text-stroke: 1px #555; text-shadow: 0 0 1px #555; }

/* Confirmation discrète de l'enregistrement de l'ordre. */

body.page-fonctions-modification-fiche #notification-ordre {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	background: #252525;
	color: #fff;
	padding: 10px 16px;
	border-radius: 5px;
}

body.page-fonctions-modification-fiche #notification-ordre.erreur { background: #9c2020; }

/* Rubriques repliables de modification : fermées lors d'une ouverture normale. */

body.page-fonctions-modification-fiche .rubrique-modification {
	margin: 10px 0;
	border: 1px solid #6495ed;
	background: #fff;
}

body.page-fonctions-modification-fiche .rubrique-modification > summary {
	padding: 9px;
	background: #98FB98;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}

body.page-fonctions-modification-fiche .rubrique-modification > .panneau-ajout,
body.page-fonctions-modification-fiche .rubrique-modification > .panneau-ressources {
	margin: 0;
	border: 0;
}

body.page-fonctions-modification-fiche .rubrique-modification:target {
	scroll-margin-top: 12px;
}

/* FIN DES STYLES ECRAN */

/* Retour en haut : pages des pieces, meme comportement que index et fiche. */
body.page-liste-pieces,
body.page-fiche-piece {
	position: relative;
}

body.page-liste-pieces nav.gotoTop,
body.page-fiche-piece nav.gotoTop {
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
	background: transparent;
	border: 0;
}

body.page-liste-pieces nav.gotoTop a,
body.page-fiche-piece nav.gotoTop a {
	display: block;
	position: sticky;
	top: 90vh;
	margin-top: 100vh; /* Distance reglable */
	font-size: 2.5em;
	line-height: 1;
	text-decoration: none;
	pointer-events: auto;
}

/* ========== modification_Fiche.php : fleche retour en haut ========== */
body.page-modification-fiche {
	position: relative;
}

body.page-modification-fiche nav.gotoTop {
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
	background: transparent;
	border: 0;
}

body.page-modification-fiche nav.gotoTop a {
	display: block;
	position: sticky;
	top: 90vh;
	margin-top: 100vh;
	font-size: 2.5em;
	line-height: 1;
	text-decoration: none;
	pointer-events: auto;
}


/* ========== sauvegarde.php : présentation dans le style LEGO ========== */
body.page-sauvegarde #conteneur {
	max-width: 1200px;
	margin: 0 auto;
}
body.page-sauvegarde header {
	text-align: center;
}
body.page-sauvegarde .sauvegarde-menu,
body.page-sauvegarde .sauvegarde-contenu {
	padding: 12px 20px;
}
body.page-sauvegarde .sauvegarde-bloc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}
body.page-sauvegarde .sauvegarde-bloc label {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
body.page-sauvegarde .sauvegarde-tableau {
	overflow-x: auto;
}
body.page-sauvegarde .sauvegarde-tableau table {
	width: 100%;
	border-collapse: collapse;
}
body.page-sauvegarde .sauvegarde-tableau th,
body.page-sauvegarde .sauvegarde-tableau td {
	padding: 7px;
	border: 1px solid #ccc;
}
body.page-sauvegarde .sauvegarde-tableau th {
	background: #98FB98;
}
body.page-sauvegarde .sauvegarde-tableau tr:nth-child(even) {
	background: #D0E3FA;
}
body.page-sauvegarde .sauvegarde-actions form {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 3px;
}
body.page-sauvegarde .sauvegarde-restauration input {
	width: 105px;
}
body.page-sauvegarde .sauvegarde-erreur {
	color: #a00000;
	font-weight: bold;
}
body.page-sauvegarde .sauvegarde-message {
	color: #075d14;
	font-weight: bold;
}
body.page-sauvegarde .sauvegarde-deconnexion {
	text-align: right;
}

/* Index LEGO : trait de vérification dans la colonne Set. */
body.page-index .tab-set tbody tr.set-verifie td.colonne-set {
	border-left: 15px solid #9DD49D	 ;/*#F5E3A0;*/
}
.icone-masque {
	display: none;
}

input[type="checkbox"]:checked ~ .icone-visible {
	display: none;
}

input[type="checkbox"]:checked ~ .icone-masque {
	display: inline;
}