.page {   /* contenu de la page, colonne centrale extensible */
background-image:  url("../img-f/titre-w.jpg");
}
/* contenant global cadre centre de la page */
.gif {
width:100%;
background-image:  url("img-f/sunset.jpg");
background-repeat:repeat-y;
background-color:#d9dbff;
}		

/* td accueil */
.tdac {
width:170px;
background-color:#89fbff;
padding-top:10px;
padding-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#000066;
text-align:center;
font-family:geneva,arial,helvetica,san-serif;
font-size:18px;
}
/* tableau accueil */
.tbac {
width:90%;
margin-right:auto;
margin-left:auto;
text-align:center;
}
/* tableaux gifs */
.giftab {
width:98%;
border-style: none;
table-layout:auto;
}
/* div tableaux gifs */
.giftab2 {
width:98%;
margin-right:auto;
margin-left:auto;
}
/* cellules gifs */
.giftd {
width:20%;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#000066;
font-family:geneva,arial,helvetica,san-serif;
font-size:12px;
text-align:center;
}	
/* cellules noires gifs */
.giftdn {
background-color:#000;
padding-top:10px;
padding-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#000066;
text-align:center;
}
/* cellules bleues gifs */
.giftdb {
background-color:#7a6898;
padding-top:10px;
padding-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#000066;
text-align:center;
}
/* selection pages */
.pages {
width:98%;
margin-right:auto;
margin-left:auto;
padding:5px;

border-width:1px;
border-style:solid;
border-color:#006;
font-family:geneva,arial,helvetica,san-serif;
font-size:20px;
font-weight:bold;
color:#003;
text-align:center;
}
/* mode d'emploi - commentaires */
.gifc {
width:90%;
margin-right:auto;
margin-left:auto;
padding:10px;
border-width:1px;
border-style:solid;
border-color:#000066;
font-family:geneva,arial,helvetica,san-serif;
text-align:left;
font-size: 10px;
color: #003;
letter-spacing:1px;
font-weight:bold;
}	
/* liens pages */
a.pa {color: #003; text-decoration: none; font-size:14px;} 
a.pa:visited {color: #006; text-decoration: none; font-size:14px;} 
a.pa:active {color: #78791d; text-decoration: none; font-size:14px;} 
a.pa:hover {color: #78791d; text-decoration: underline; font-size:14px;}
/* drapeaux */
.taba {
	 width:98%;
	 border-style: none;
	 table-layout:auto;
	 }
/* td droite */
	 .tdd {
        background-color:#dee0e2;
        border-width:1px;
		border-style:solid;
		border-color:#000066;
		font-family:geneva,arial,helvetica,san-serif;
        font-size:12px;
		font-weight:bold;
		width:30%;
		text-align:left;
	    }
/* td drapeaux */
	 .tdm {
        background-color:#cdcfd1;
        border-width:1px;
		border-style:solid;
		border-color:#000066;
		font-family:geneva,arial,helvetica,san-serif;
        font-size:16px;
		font-weight:bold;
		text-align:center;
	    }