html, body {
background-color : #ffffff;
margin:0px 0px 0px 0px;
SCROLLBAR-FACE-COLOR: #222D80; 
SCROLLBAR-HIGHLIGHT-COLOR: #222D80; 
SCROLLBAR-SHADOW-COLOR: #ffffff; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-TRACK-COLOR: #ffffff; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

a.footer:link {letter-spacing:0em;color: #222D80;font-family:Verdana;font-size:8pt;text-decoration:underline;}
a.footer:visited {letter-spacing:0em;color: #222D80;font-family:Verdana;font-size:8pt;text-decoration:underline;}
a.footer:hover {letter-spacing:0em;color:#FF7712;font-family:Verdana;font-size:8pt;text-decoration:none;}

a.navboutique:link {letter-spacing:0em;color: #ffffff;font-family:Verdana;font-size:8pt;text-decoration:none;}
a.navboutique:visited {letter-spacing:0em;color: #ffffff;font-family:Verdana;font-size:8pt;text-decoration:none;}
a.navboutique:hover {letter-spacing:0em;color:#ffffff;font-family:Verdana;font-size:8pt;text-decoration:underline;}

p {font-family:Verdana;font-size:9pt;color:#000000;padding:5px;}
p.actualites {font-family:Verdana;font-size:9pt;color:#ffffff;padding:5px;}
p.footer {font-family:Verdana;font-size:8pt;color:#222D80;padding:5px;}

h1.presentation {font-family:Arial;font-size:11pt;color:#016699;padding:5px;}

table.actualites {border-style: solid;border-color: #ffffff;border-width:2px;}

a.accueil { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/accueil-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.accueil:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/accueil-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
} 

a.presentation { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/presentation-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.presentation:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/presentation-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
} 

a.timbres { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/timbres-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.timbres:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/timbres-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
} 

a.enveloppes { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/enveloppes-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.enveloppes:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/enveloppes-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
} 

a.materiel { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/materiel-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.materiel:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/materiel-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
}

a.nouveautes { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/nouveautes-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.nouveautes:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/nouveautes-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
}

a.abonnement { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/abonnement-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.abonnement:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/abonnement-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
}

a.contact { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/contact-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/contact-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
}

a.boutique { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 90px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-droite/boutique-editions-farcigny.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
}

a.boutique:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-droite/boutique-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
}