html {
/*font-size: 1.4em;*/

}

body {
    font-family: Tahoma, Verdana, Arial, Sans-serif;
   }
   hr {
    border: 1px #ccc;
    border-style: none none solid none;
    margin: 20px 0;
   }
.pagination a {
    color: #333;
    text-decoration: none;
   }
 .pagination  a:hover {
    text-decoration: underline;
   }
 .pagination  a.selected {
    font-weight: bold;
    text-decoration: underline;
   }
   .numbers {
    line-height: 20px;
    word-spacing: 4px;
   }
/*TABLEAUX */

.Tablelist
{
width:70%;
margin-right: auto ;
margin-left: auto ;
border:thin #808080 groove ; 
color: gray 

}

.Trlist                                                                                                                                                                               
{
font-weight: bold ;
color:gray ;
}

.Tdlist                                                                                                                                                                               
{
width:8%;
text-align: center;
}
.hrside1
{
margin-top: 0px;
margin-bottom: 0px;	
padding:0px;
line-height: 0.01em;
border:0px;

}

/* SENS  des colonnes*/
a.order_asc,   
a.order_desc:hover {    
    padding-right:15px;   
    background:transparent url(../images/icons/s_asc.png) right no-repeat;   
}   
a.order_desc,   
a.order_asc:hover {   
    padding-right:15px;   
    background:transparent url(../images/icons/s_desc.png) right no-repeat;   
}   


/*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:15em;
	margin: 1px 1px 1px 20px;
}
.pagination{
text-align: right ;				
				}
}
.menupub {
	color:#FFFFFF;
	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 */