	body{
		margin: 0;
		padding: 0;
		position: relative;
	}
	#conteneur{
		margin: 0 auto;
		align-items: center;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}
	/* En tete du documents */
	header{
		/*height: 60px;*/
		padding: 3px;
		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;
	}
	/* affichage du menu */
	nav{
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		/*height: 40px;*/
		text-align:left;
	}
	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 + apercu image */
	.fiche {
		border-collapse: collapse;
		width: 460px;
		margin-bottom : 10px;
		width: 90%;
	}
	.fiche th{
		border: 1px solid #6495ed;
		padding: 5px;
		background-color:#98FB98;
	}
	.fiche tr:nth-child(even){
		background-color: #6495ed;
	}
	.fiche tr:nth-child(odd){
		background-color: #ffffff;
	}
	.fiche td{
		padding: 5px;
		border-bottom: 1px solid #6495ed;
		text-align:left;
	}


	/*  Listes des SETSs */
    .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;
	}

	/* Image du set */
	.image-liste-set{
		height:35px; /*defaut 35*/
		vertical-align:middle;
		transform-origin: 100% 100%;
		display: block;
	}
	.image-liste-set:hover{		
		z-index :10 ;
		transform: scale(5);
	}
	
	/* Les Liens */	
	a:link, a:visited, a:active{
		text-decoration:none;
		color:#000000;
	}
	a:hover{
		text-decoration:none;
		color:#8B6C42;
	}
	
	/*Style pour la fleche vers le haut*/
	.gotoTop {
		z-index: 9999;        /* [facultatif] au dessus du reste */
		position: absolute;
		top: 0;
		right: 1em;           /* décalage à droite */
		bottom: 0;            /* occupe toute la hauteur du référent */
		pointer-events: none; /* ne prend pas l'événement du pointer */
		background-color: transparent;
		border: 0px;
	}
	
	.gotoTop a {
		display: block;       /* pour prise en compte sticky */
		position: sticky;
		top: 90vh;            /* position d'affichage */
		margin-top: 100vh;    /* pour masquer au départ */
		font-size: 3em;
		color: rgb(111,41,97) ;/*#999;*/
		transition: color .5s;
		pointer-events: auto; /* reprend l'événement du pointer */
	}
	.gotoTop a.visible {
		color: #069;
	}
