html {
font-size: 1.4em;
}
.pagination a {color: black;}
.pagination a:hover {color: red; text-decoration: none;}
.pagination a:visited {color: red; text-decoration: none;}

/*TABLEAUX */

.Tablelist
{
width:70%;
text-align: center ;
border:thin #808080 none ; 

}

.Trlist                                                                                                                                                                               
{
background-color:#A6A9AE ;
border: thin black ridge ;
font-weight: bold ;
font-size: small ;
color: white ;
}

/*Definition du p avec border pour simuler un button*/
.button{
	background-color:#A6A9AE;
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	border:1px solid #EEE8EA;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:10em;
	margin: 1px 1px 1px 20px;
}
.menupub {
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	padding:0px;
	height: 50px;
	margin: 0px 30px 0px 20px;
}
 .menupub a:hover, .menupub a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color: #EEE8EA;
	color:#666666;
	text-decoration:none;
	height: 50px;
}



/*Styles des tables de navigation2*/

.TableMain {
	background-color: #F3EFFF;
	font-family: Calibri;
	font-weight: normal;
	font-size: 11pt ;
	color: black;
	width: 90%;
	text-align: center;

	
}

.TdMain{

	text-align: center;
	width: 30%;
	height: 40%;
	


	}


/* Titres */
h1{
	/*margin: .5em 0 .5em 0;  -> 6 */
	color: #666666;
	line-height: 0.8em;
	}
h2, h3, h4, h5, h6 {	
	/*margin: .5em 0 .5em 0;  -> 6 */
	color: #666666;
	line-height: 0.2em;


}
h1, h2,h3,h4,h5 {
	font-family:"calibri";
	font-weight: normal; /* -> 7 */
}

h1, h2 {
	font-size: 3em; /* -> 8 */
	font-style: italic;
}

h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
h5 {font-size: 0.2em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}



.a
{
	font-family : "Calibri","verdana","arial";
	font-weight : bold;
	font-size: small ;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}

A:active
{
COLOR: #FFFFFF;
font-family : "Calibri","verdana","arial";
font-size: small ;
font-weight : bold; 
text-decoration: none;
}
A:link
{
COLOR:#FFFFFF; 
font-family : "Calibri","verdana","arial";
font-size: small ;
font-weight : bold; 
text-decoration: none;
}
A:visited
{
COLOR: #FFFFFF;
font-weight : bold; 
font-size :small ;
font-family : "Calibri","verdana","arial";
text-decoration: none;

}
A:hover,a:focus 
{
COLOR:#666666;
font-size: small ;
font-family : "Calibri","verdana","arial";
font-weight : bold; 
text-decoration:underline;

}
a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */

/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}


.smalltextblack
{
font-family : "Calibri","verdana","arial";
font-weight : lighter;
font-size: medium ;
font-style: normal;
color: #000000 ;
font-size: x-small;
}

.smalltextwhite
{
font-family : "Calibri","verdana","arial";
font-weight : lighter;
font-size: small ;
font-style: normal;
color: white;
}


.textblack
{
font-size: medium ;
font-family : "Calibri","verdana","arial";
font-weight : lighter;
font-style: normal;
color: #000000 ;
font-size:medium;
text-align: center;
margin-top:10px;
margin-left:10px;

}
/** gestion des ombres autour des photos*/
.ombre { /* boite d'arrière plan dont le débordement crée l'ombrage */
width:300px ; /* largeur de la boite, en pixels */
height:225px ; /* hauteur de la boite, en pixels */
background-color:#666666} /* couleur de la boite, donc de l'ombre */

.boite { /* boite principale */
width:300px ; /* largeur de la boite, en pixels */
height:225px ; /* hauteur de la boite, en pixels */
background-color:white ; /* couleur de la boite */
border: solid 1px #666666; /* style de la bordure de la boite */
position:relative ; /* indique un décalage par rapport à la position normale */
top:-7px ; /* décalage de 7 pixels vers le haut */
left:-7px} /* décalage de 7 pixels vers la gauche */