.page {   /* contenu de la page, colonne centrale extensible */
background-image:  url(img-f/titre-j.jpg);
}
.jonque {   /* fond bois */
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
width:90%;
background-image:url(img-f/jonques.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#344b58;
border-style:solid;
border-width:1px;
border-color:#223F56;
padding:10px;
color:#e3e6e7;
font-family:geneva, arial, helvetica, san-serif;
font-size:14px;
text-align:left;
}
.junk {
width:96%;
clear:both;
padding:2%;
margin-right:auto;
margin-left:auto;
margin-bottom:12px;
font-family:geneva,arial,helvetica,san-serif; 
font-size: 12px; 
color: #006;
text-align:left;
background-color:#dee0e2;
}
.junk2 {
border-style:solid;
border-width:1px;
border-color:#006;
background-color:#fff;
padding:3px;
}	

td {
text-align:center;
}	

	/* contenu de la page fond blanc */
	.milieub {
		width:600px;
		clear:both;
		margin-right:auto;
		margin-left:35px;
		font-family:arial,helvetica,san-serif; 
        font-size: 14px; 
        color: #006;
		text-align:center;
		background-color:#fff;
		}

/* table photos */
.tab {
width:98%;
border-style: none;
table-layout:auto;
padding:1%;
}
		
/* td photos */
.foto {
background-color:#dee0e2;
font-family:geneva,arial,helvetica,san-serif;
font-size:12px;
color:#006;
}	

/* td barres */
.bar {
width:98%;
height:25px;
border-width:0px;
text-align:center;
}	

/* td titres */
.tit {
width:98%;
background-color:#dee0e2;
font-family:geneva,arial,helvetica,san-serif;
font-size:12px;
font-weight:bold;
}

/* td navigation */
.navi {
width:98%;
background-color:#bfc5cb;
font-family:geneva,arial,helvetica,san-serif;
font-size:14px;
font-weight:bold;
}