body{
		margin: 0;
		padding: 0;
	}

	a:link, a:visited, a:active{
		text-decoration:none;
		color:#000000;		
	}
	
	#conteneur{
		max-width: 19cm;
		margin: auto;
		padding: 0;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
		
	}
	/* En tete du documents */
	header{
		margin: auto;
		padding: 0;
		text-align:center;
		background-color: rgba(111,41,97,.3);
	}
	header h1{
		display:inline;
		font-style: italic;
		text-align:center;
	}
	header img{
		vertical-align:bottom;
		align:center;
	}
	
	/* affichage du menu */
	nav {
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height:1.7cm;
	}
	section{
		/*background: #f23f98;*/
		/*margin: 10px;*/
		margin: 0;
		padding: 0;
	}
	footer{
		background-color: rgba(111,41,97,.3);
		border-top: 3px solid rgb(111,41,97);
		text-align:center;
	}
	.zoneA{
		float: left;
		width: 465px;
		text-align:center;
	}
	.zoneB{
		float: left;
		width: 465px;
		margin: 0;
		padding: 0;
	}
	.zoneC{
		float: none;
	}
	.clear{
		clear: both;
	}
	.affi-image{
		height: 280px;
	}
	table {
		margin: 0;
		padding: 0;
	}
	.zoneC table{
		width: 100%;
		text-align:center;
	}

	
/********************************** PARTIE RESPONSIVE ADAPTATIVE ************************************/
@media screen and (max-width: 1050px){
#conteneur{ width: 98%;text-align:center; }
.zoneA, .zoneB{ width: 50%;}
.zoneC{ width: 100%; }
.affi-image{height: 200px;}/* affiche image */
}
 
@media screen and (max-width: 780px){
#conteneur{ width: 98%; text-align:center;}
.zoneA, .zoneB{ width: 50%;}
.zoneC{ width: 100%; }
.affi-image{height: 160px;}/* affiche image */
}
 
@media screen and (max-width: 380px){
#conteneur{ width: 98%; text-align:center;}
.zoneA, .zoneB, .zoneC{ width: 70%; }
.affi-image{height: 100px;}/* affiche image */
h1{font-size:28px;}
}
/********************************** FIN PARTIE RESPONSIVE ADAPTATIVE ************************************/

	/* */
	.fiche tr:nth-child(even){
		background-color: #6495ed;
	}
	.fiche tr:nth-child(odd){
		background-color: #ffffff;
	}

	/* tableau des sets*/
    .tab-set {
        overflow-y: auto;
		overflow-x: hidden;
        width: 100%;
		height:100%;
    }
    .tab-set thead{
        position: sticky;
        top: 0;
		/*height: 50px;*/
	}
	.tab-set tfoot{
		/*height: 50px;*/
	}

    .tab-set table {
        width: 100%;
		height:100%;
		border-collapse: collapse;
	}
	
    .tab-set tr, .tab-set td {
        border: 1px solid #ccc;
		/*height: 400px;
		height: 50px;*/
    }
    .tab-set th {      
		border: 1px solid #ccc;
		padding: 3px;
		background-color: #98FB98;
    }
	.tab-set tr:nth-child(even){
		background-color: #D0E3FA;
	}
	.tab-set tr:nth-child(odd){
		background-color: #ffffff;
	}

/* Impression papier : A4 portrait */
@page {
	size: A4 portrait;
	margin: 12mm;
}

@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	#conteneur {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	nav, footer {
		display: none !important;
	}

	thead {
		display: table-header-group;
	}

	tr {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.tab-set {
		width: 100%;
		height: auto;
		overflow: visible;
	}

	.tab-set thead {
		position: static;
	}

	.tab-set table {
		width: 100%;
		height: auto;
	}

	.zoneA, .zoneB {
		max-width: 100%;
	}

	/* Images du tableau des sets : ne pas masquer les textes */
	.tab-set img,
	.image-liste-set {
		width: auto;
		height: auto;
		max-width: 35px;
		max-height: 35px;
		object-fit: contain;
		vertical-align: middle;
	}

	.image-liste-set:hover {
		transform: none;
		z-index: auto;
	}
}