body{
		margin: 0;
		padding: 0;
	}

	a:link, a:visited, a:active{
		text-decoration:none;
		color:#000000;		
	}
	
	#conteneur{
		max-width: 19cm;
		margin: auto;
		padding: auto;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
		
	}
	/* En tete du documents */
	header{
		margin: auto;
		padding: auto;
		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;
	}

/*	.zoneC{
		margin: 3px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	footer{
		display: none !important;
	}
	/* Image du set */
	.image-liste-set{
		/*width: 80px;*/
		height:35px; /*defaut 35*/
		vertical-align:middle;
		transform-origin: 100% 100%;
		display: block;
	}
	.image-liste-set:hover{		
		z-index :10 ;
		transform: scale(4);
	}
	
	/*Style pour la fleche vers le haut*/
	.gotoTop {
	   position: absolute;
	   left: -10000em;
	   top: auto;
	   width: 1px;
	   height: 1px;
	   overflow: hidden;
	}