/* ----------------------------------------------------------- */
/* Couleur de fond des deux barres grises a gauche et a droite */
/* ----------------------------------------------------------- */
body {
	background: #2B2B2B url(../images_firefrog/fr_bg.jpg) repeat-x;
}


span.pathway a {
	background: url(../images_firefrog/fr_arrow.jpg) 100% 0 no-repeat;
}

a.readon {
	background: url(../images_firefrog/fr_bullet.jpg) no-repeat;
}

/* ------------------------------- */
/* Couleur des textes des articles */
/* ------------------------------- */
body {
		color: #FFFFFF;
}

/* ------------------------------ */
/* Couleur des liens des articles */
/* ------------------------------ */
a:link,
a:visited {
	color: #BCF8FF;
}

/** regular joomla menu **/

a.mainlevel {
	background: url(../images_firefrog/fr_menu.jpg) 100% 0 no-repeat;
}

/* ------------------------------ */
/* Couleur des texte menu normaux */
/* ------------------------------ */
a.mainlevel:link,
a.mainlevel:visited {
	color: #FFFFFF;
}

/* -------------------------------- */
/* Couleur des texte menu highlight */
/* -------------------------------- */
a.mainlevel:hover {
	color: #8FD0EE;
}

/* ---------------------------------- */
/* Couleur des texte menu selectionné */
/* ---------------------------------- */
a.mainlevel#active_menu,
a.sublevel#active_menu {
	color: #FFA304;
}

/* --------------------------------------- */
/* Couleur des texte normaux des sous menu */
/* --------------------------------------- */
a.sublevel:link,
a.sublevel:visited {
	color: #FFFFFF;
}

/* ------------------------------------------------------ */
/* Couleur des textes highlight des sous menu selectionné */
/* ------------------------------------------------------ */
a.sublevel:hover {
	color: #8FD0EE;
}

/* --------------------------------------------------- */
/* Couleur des textes des liens internet (les numéros) */
/* --------------------------------------------------- */
.small,
.modifydate,
.createdate {
	color: #E68700;
}

/* ----------------------------------------------- */
/* Couleur de fond des icones genre impression etc */
/* ----------------------------------------------- */
td.buttonheading {
	background: #162B56;
}

/* ----------------------------------------------------------- */
/* Couleur des textes et du fond de la barre de la page liens  */
/* ----------------------------------------------------------- */
td.sectiontableheader {
  background: #4A6E90;
  color: #FFFFFF;
  border-right: 1px solid #501500;
}

/* --------------------------------------- */
/* Couleur de la bordure verticale gauche  */
/* --------------------------------------- */
div#shadow {
	background: #0F0F0F url(../images_firefrog/fr_bg_shadow.jpg) repeat-x;
}

/* --------------------------------------------------------- */
/* Couleur de la bordure horizontale sous le bandeau bitmap  */
/* --------------------------------------------------------- */
div#header {
	background: #515153 url(../images_firefrog/fr_header.jpg) 100% 0 repeat-x;
}

span#logo {
	background: url(../images_firefrog/fr_logo.png) no-repeat;
}

#smaller .button {
	background: url(../images_firefrog/fr_css_small.jpg) no-repeat;
}

#medium .button {
	background: url(../images_firefrog/fr_css_med.jpg) no-repeat;
}

#larger .button {
	background: url(../images_firefrog/fr_css_large.jpg) no-repeat;
}

#wide .button {
	background: url(../images_firefrog/fr_css_wide.jpg) no-repeat;
}

#narrow .button {
	background: url(../images_firefrog/fr_css_narrow.jpg) no-repeat;
}

div#graphic {
	background: url(../images_firefrog/fr_graphic.jpg) 0% 0 no-repeat;
}

div#spotlight {
	height: 117px;	
}

/* --------------------------------- */
/* Couleur de fond du menu a gauche  */
/* --------------------------------- */
td#left-col {
	background: #747474 url(../images_firefrog/fr_left_shadow2.jpg) 100% 0 repeat-y;
}

td#middle-col {
	background: #515153 url(../images_firefrog/fr_middle_shadow2.jpg) 100% 0 repeat-y;
}

/* --------------------------------- */
/* Couleur de fond du menu a droite  */
/* --------------------------------- */
td#right-col {
	background-color: #162B56;
}

/* ---------------------- */
/* Couleur des pastilles  */
/* ---------------------- */
div#left div,
div#left p,
div#left td {
	color: #FFA903;
}

div#right div,
div#right p,
div#right td {
	color: #999;
}

div#right a {
	color: #ccc;
}

div#left {
	background: url(../images_firefrog/fr_left_corner.jpg) 0 0 no-repeat;
}

div#middle {
	background: url(../images_firefrog/fr_middle_top.jpg) 0 0 repeat-x;
}

div#right {
	background: url(../images_firefrog/fr_right_top.jpg) 0 0 repeat-x;
}

div#left div.shadow {
	background: url(../images_firefrog/fr_middle_shadow.jpg) 100% 0 no-repeat;
	
}

div#middle div.shadow_1 {
	background: url(../images_firefrog/fr_middle_corner.jpg) 0 0 no-repeat;
}

div#middle div.shadow_2 {
	background: url(../images_firefrog/fr_right_shadow.jpg) 100% 0 no-repeat;
}

div#right div.shadow {
	background: url(../images_firefrog/fr_right_corner.jpg) 0 0 no-repeat;
}

/* --------------------------------------- */
/* Couleur des textes des titres des menus */
/* --------------------------------------- */
div.moduletable h3,
.contentheading,
.componentheading {
	background: url(../images_firefrog/fr_head_left.jpg) 100% 0 no-repeat;
	color: #FFFFFF;
}

/* ------------------------------------------- */
/* Couleur du fond des titres genre Radio Filax*/
/* ------------------------------------------- */
div#middle div.moduletable h3,
.contentheading,
.componentheading  {
	background: #162B56 url(../images_firefrog/fr_title.jpg) 0 0 no-repeat;	
	
	/* ----------------------------------- */
	/* Couleur des titres genre Radio Filax*/
	/* ----------------------------------- */
	color: #FFFFFF;
}

	/* ----------------------------------------------- */
	/* Fond des titres des module se trouvant a droite */
	/* ----------------------------------------------- */
div#right div.moduletable h3 {
	background: #162B56 url(../images_firefrog/fr_head_right.jpg) 0 0 no-repeat;

	/* ------------------------------------- */
	/* Titre des module se trouvant a droite */
	/* ------------------------------------- */
	color: #FFFFFF;
}

div#top div.moduletable h3 {
	background: #162B56 url(../images_firefrog/fr_title2.jpg) 0 0 no-repeat;
	
	/* ----------------------------------- */
	/* ??????????????????????????????????? */
	/* ----------------------------------- */
	border-right: 8px solid #FF00FF;

	/* ----------------------------------- */
	/* ??????????????????????????????????? */
	/* ----------------------------------- */
	color: #00FF00;
}

/* ----------------------------------- */
/* ??????????????????????????????????? */
/* ----------------------------------- */
div#top {
	background: #00FF00 url(../images_firefrog/fr_top_shadow.jpg) 100% 0 repeat-y;
}

div#top .corner_1 {
	background: url(../images_firefrog/fr_top_tl.jpg) 0 0 no-repeat;
}

div#top .corner_2 {
	background: url(../images_firefrog/fr_top_bl.jpg) 0 100% no-repeat;
}

/* ---------------------------------- */
/* Couleur des titres du menu langage */
/* ---------------------------------- */
div#bottom div.moduletable h3 {
	color: #FFFFFF;
	background: none;
}

/* -------------------------------- */
/* Couleur de fond des menus du bas */
/* -------------------------------- */
div#bottom {
	background: #35558E url(../images_firefrog/fr_bottom_shadow.jpg) 100% 0 repeat-y;
}

div#bottom .corner_1 {
	background: url(../images_firefrog/fr_bottom_tl.jpg) 0 0 no-repeat;
}

div#bottom .corner_2 {
	background: url(../images_firefrog/fr_bottom_bl.jpg) 0 100% no-repeat;
}

/* -------------------------------------- */
/* Couleur de la barre horizontale en bas */
/* -------------------------------------- */
div#vbottom {
	border-top: 15px solid #162B56;

}

div#vbottom a:link,
div#vbottom a:visited,
div#vbottom a:hover {
	color: #6E6E6E;
}

/* -------------------------------------------- */
/* Couleur d'une des barres horizontales en bas */
/* -------------------------------------------- */
div#vbottom div {
	border-top: 10px solid #33568E;
	color: #6E6E6E;
}

/*****************************
 ****   supersuckerfish   ****
 *****************************/
#nav li {
	background: url(../images_firefrog/fr_tab_r.jpg) 100% -40px no-repeat;
}

/* ------------------------------------------------ */
/* ???????????????????????????????????????????????? */
/* ------------------------------------------------ */
#nav li.on ul {
	background: #FF00FF;
}

/* ------------------------------------------------ */
/* Couleur des textes des menus horizontaux du haut */
/* ------------------------------------------------ */
#nav a {
	background: url(../images_firefrog/fr_tab_l.jpg) 0 -40px no-repeat;
	color: #c0c0c0;
}

/* ---------------------------------------------------------- */
/* Couleur des textes du menu selectionné horizontaux du haut */
/* ---------------------------------------------------------- */
#nav li.on a, 
#nav li.on:hover a,
#nav li.over.on a {
	color: #FF9C00;
}
/* sub level links */

#nav li ul {
	background: #303030;
}

#nav ul li {
	background: none;
}

#nav li ul a, #nav li.on ul a {
	border-right: 1px solid #282828;
}