body{
		margin: 0;
		padding: 0;
	}
	#conteneur{
		margin: 0 auto;
		width: 960px;
		border: 5px solid rgb(111,41,97);
		border-radius: .7em;
	}
	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;
	}
	nav{
		background: rgba(111,41,97,.3);
		border-bottom: 3px solid rgb(111,41,97);
		padding: 3px;
		height: 40px;
		text-align:left;
	}
	nav img {
		vertical-align:bottom;
	}
	section{
		/*background: #f23f98;*/
		margin: 0;
		padding: 0;
		width: 100%;
	}
	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;
		margin: 3px 0px 0px 0px;
	}
	.zoneB{
		float: left;
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 0;
	}
	.zoneC{
		float: none;
		width: 100%;;
	}
	.clear{
		clear: both;
	}
	/***** affiche image ******/
	.affi-image{
		height: 250px;
		max-width: 400px;
	}
	table {
		margin: auto;
	}
	.zoneC table{
		width: 100%;
	}

	
/********************************** 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;}
}
/********************************** 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 pieces */
	.listes-pieces{
        overflow-y: auto;
		overflow-x: hidden;
		/*min-height: 50px;*/
        /*max-height: 640px;*/
	}
	.listes-pieces thead{
        position: sticky;
        top: 0;
		height: 50px;
	}
	.listes-pieces tfoot{
		/*max-height: 50px;*/
	}
	.listes-pieces table {
        /*width: 100%;*/
		border-collapse: collapse;
	}
	.listes-pieces tr, .listes-pieces td {
        border: 1px solid #ccc;
    }
    .listes-pieces th {      
		border: 1px solid #ccc;
		padding: 3px;		
		background-color: #98FB98;
    }
	.listes-pieces tr:nth-child(even){
		background-color: #D0E3FA;
	}
	.listes-pieces tr:nth-child(odd){
		background-color: #ffffff;
	}
	.listes-pieces td{
		border-bottom: 1px solid #6495ed;
	}
	
	/* Les Liens */	
	a:link, a:visited, a:active{
		text-decoration:none;
		color:#000000;
	}
	a:hover{
		text-decoration:none;
		color:#8B6C42;
	}