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.contenu:link {color: #222D80;font-family:Verdana;font-size:9pt;text-decoration:underline;}
a.contenu:visited {color: #222D80;font-family:Verdana;font-size:9pt;text-decoration:underline;}
a.contenu:hover {color:#FF7712;font-family:Verdana;font-size:9pt;text-decoration:none;}

a.boutiquemenu:link {color: #ffffff;font-family:Verdana;font-size:9pt;text-decoration:none;font-weight:bold;}
a.boutiquemenu:visited {color: #ffffff;font-family:Verdana;font-size:9pt;text-decoration:none;font-weight:bold;}
a.boutiquemenu:hover {color:#ffffff;font-family:Verdana;font-size:9pt;text-decoration:underline;font-weight:bold;}

a.boutiquemenu2:link {color: #ffffff;font-family:Verdana;font-size:9pt;text-decoration:none;}
a.boutiquemenu2:visited {color: #ffffff;font-family:Verdana;font-size:9pt;text-decoration:none;}
a.boutiquemenu2:hover {color:#ffffff;font-family:Verdana;font-size:9pt;text-decoration:underline;}

a.zoom:link {color: #222D80;font-family:Verdana;font-size:8pt;text-decoration:none;}
a.zoom:visited {color: #222D80;font-family:Verdana;font-size:8pt;text-decoration:none;}
a.zoom:hover {color:#222D80;font-family:Verdana;font-size:8pt;text-decoration:underline;}

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

h1 {font-family:Verdana;font-size:11pt;color:#222D80;}

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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/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-gauche/boutique-editions-farcigny-over.jpg'); /* source de l'image d'arrivée */
}

div.supporpresentation, div.supporactualites{
position:relative; 
width:565px; 
height:320px; 
overflow:auto;
z-index:1;
SCROLLBAR-FACE-COLOR: #E6E6E6; 
SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
SCROLLBAR-SHADOW-COLOR: #CCCCCC; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR: #222D80; 
SCROLLBAR-TRACK-COLOR: #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

div.supporboutique{
position:relative; 
width:565px; 
height:282px; 
overflow:auto;
z-index:1;
SCROLLBAR-FACE-COLOR: #E6E6E6; 
SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
SCROLLBAR-SHADOW-COLOR: #CCCCCC; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR: #222D80; 
SCROLLBAR-TRACK-COLOR: #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

div.supporpanier{
position:relative; 
width:565px; 
height:270px; 
overflow:auto;
z-index:1;
SCROLLBAR-FACE-COLOR: #E6E6E6; 
SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
SCROLLBAR-SHADOW-COLOR: #CCCCCC; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR: #222D80; 
SCROLLBAR-TRACK-COLOR: #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}


#infosajout
{
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 440px;
height: 160px;
margin-left: -220px; /* moitié de la largeur */
margin-top: -80px; /* moitié de la hauteur */
border: 2px solid #222D80;
z-index:51;
}

#infosajouti
{

background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 440px;
height: 160px;
margin-left: -220px; /* moitié de la largeur */
margin-top: -80px; /* moitié de la hauteur */
border:none;
z-index:50;
}