@charset "utf-8";
/* CSS Document */

<style type="text/css">




/*                             menu-header                      */
#menu-header ul {
	display: inline;
	margin-right: 1px;
	padding: 10px 0;
	}
	
#menu-header li {
	display: inline;
	margin-right: 1px;
	}

#menu-header li a {
	padding: 20px 20px 20px 0;
	font-size: 0.9em ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	color: #333;
	}

#menu-header li a:hover, #menu-header li a:focus, #menu-header li a:active {
	color: #c41230;
	text-decoration: underline;
	}






/*                             menu-services                      */

#menu-services {
	padding: 20px;
	width:176px;
}

#menu-services ul {
	margin-top: 20px;
	list-style-type: none;
}
	
#menu-services li {
	margin: 5px 0;
	padding-left: 12px;
	background-image: url(http://www.eurekacommunication.ca/library/images/arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu-services li a {

	text-align: center ;
	text-decoration: none ;
	color: #333;
}

#menu-services li a:hover, #menu-services li a:focus, #menu-services li a:active {
	color: #c41230;
	text-decoration: underline;
}


 





/*
Main menu
...............................................................
*/
#mainmenu {
	height: 61px;
	top:0;
    }

#mainmenu ul{
	list-style-type: none;
	margin: 0 ; 
    padding: 0 ; 
	display: inline ;
    }

#mainmenu li{
	float: left;
    }

#mainmenu li a{
    display: block ; 
    }

#mainmenu li.mm1 a { 
	background: #900 url('/library/images/menu/mainmenu-b1.jpg') left top no-repeat ; 
	height: 61px;
	width:268px;
    }
#mainmenu li.mm1 a:hover, #mainmenu li.mm1 a:focus, #mainmenu.mm1 li a:active { 
    background: #900 url('/library/images/menu/mainmenu-b1.jpg') left bottom no-repeat ; 
    }

#mainmenu li.mm2 a {  
    background: #900 url('/library/images/menu/mainmenu-b2.jpg') left top no-repeat ; 
	height: 61px;
	width:330px;
    }
#mainmenu li.mm2 a:hover, #mainmenu li.mm2 a:focus, #mainmenu.mm2 li a:active { 
    background: #900 url('/library/images/menu/mainmenu-b2.jpg') left bottom no-repeat ; 
    }

#mainmenu li.mm3 a { 
    background: #900 url('/library/images/menu/mainmenu-b3.jpg') left top no-repeat ; 
	height: 61px;
	width:357px;
    }
#mainmenu li.mm3 a:hover, #mainmenu li.mm3 a:focus, #mainmenu.mm3 li a:active { 
    background: #900 url('/library/images/menu/mainmenu-b3.jpg') left bottom no-repeat ; 
    }




/*  -----------------------------  menu-bande  -----------------------------  */

#menu-bande {
	height: 36px;
	top:0;
    }

#menu-bande ul{
	list-style-type: none;
	margin: 0 ; 
    padding: 0 ; 
	display: inline ;
    }

#menu-bande li{
	float: left;
    }

#menu-bande li a{
    display: block ; 
    }

#menu-bande li.mm1 a { 
	background: #900 url('/library/images/menu/bt-bandeau-1.jpg') left top no-repeat ; 
	height: 36px;
	width:223px;
    }

#menu-bande li.mm1 a:hover, #menu-bande li.mm1 a:focus, #menu-bande.mm1 li a:active { 
    background: #900 url('/library/images/menu/bt-bandeau-1.jpg') left bottom no-repeat ; 
    }

#menu-bande li.mm2 a {  
    background: #900 url('/library/images/menu/bt-bandeau-2.jpg') left top no-repeat ; 
	height: 36px;
	width:200px;
    }

#menu-bande li.mm2 a:hover, #menu-bande li.mm2 a:focus, #menu-bande.mm2 li a:active { 
    background: #900 url('/library/images/menu/bt-bandeau-2.jpg') left bottom no-repeat ; 
    }

#menu-bande li.mm3 a { 
    background: #900 url('/library/images/menu/bt-bandeau-3.jpg') left top no-repeat ; 
	height: 36px;
	width:167px;
    }

#menu-bande li.mm3 a:hover, #menu-bandeli.mm3 a:focus, #menu-bande.mm3 li a:active { 
    background: #900 url('/library/images/menu/bt-bandeau-3.jpg') left bottom no-repeat ; 
    }

#menu-bande li.mm4 a { 
    background: #900 url('/library/images/menu/bt-bandeau-4.jpg') left top no-repeat ; 
	height: 36px;
	width:169px;
    }

#menu-bande li.mm4 a:hover, #menu-bandeli.mm4 a:focus, #menu-bande.mm4 li a:active { 
    background: #900 url('/library/images/menu/bt-bandeau-4.jpg') left bottom no-repeat ; 
    }
	
#menu-bande li.mm5 a { 
    background: #900 url('/library/images/menu/bt-bandeau-5.jpg') left top no-repeat ; 
	height: 36px;
	width:196px;
    }

#menu-bande li.mm5 a:hover, #menu-bandeli.mm5 a:focus, #menu-bande.mm5 li a:active { 
    background: #900 url('/library/images/menu/bt-bandeau-5.jpg') left bottom no-repeat ; 
    }








</style>