/********/
/* TAGS */
/********/
body
{
	margin:0px;
	background:#27364a url(../images/bg.png) repeat-x top center;
	font-family:Arial, Helvetica, sans-serif;
}

p
{
	margin:10px 0px;
}

img { border: none; }

/*********/
/* PNG24 */
/*********/
.png24
{
	filter:none !important;
	filter: expression(applyPNGFilter(this));
}


/********/
/* WRAP */
/********/
div#wrap
{
	width:960px;
	margin:auto;
}


/*********************/
/* COLONNE DE GAUCHE */
/*********************/
div#leftColumn
{
	float:left;
	width:264px;
	height:600px;
	background:url(../images/zg_bg.jpg) no-repeat bottom left;
}

div#leftColumn div#header
{
	width:264px;
	height:127px;
	background:url(../images/zg_logo.png) no-repeat top left;
}

div#leftColumn div#accesCartes
{
	position:relative;
	width:264px;
	height:473px;
}

div#leftColumn div#accesCartes div#message
{
	position:absolute;
	top:92px;
	left:18px;
	width:200px;
	height:87px;
	background:url(../images/zg_acces.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zg_acces.png', sizingMethod='scale');
}

div#leftColumn div#accesCartes div#choixDeroulants
{
	position:absolute;
	top:204px;
	left:18px;
	width:229px;
}

div#leftColumn div#accesCartes div#onglets
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:264px;
	height:34px;
}

div#leftColumn div#accesCartes div#onglets div.onglet
{
	float:left;
	width:122px;
	height:34px;
	margin:0px 5px !important;
	margin:0px 4px;
	background:url(../images/zg_btn_bg.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zg_btn_bg.png', sizingMethod='scale');
}
div#leftColumn div#accesCartes div#onglets div.onglet a
{
	position:relative;
	display:block;
	line-height:34px;
	text-align:center;
	text-transform:uppercase;
	font-size:9pt;
	font-weight:bold;
}
div#leftColumn div#accesCartes div#onglets div.onglet a { color:#071022; text-decoration:none; }
div#leftColumn div#accesCartes div#onglets div.onglet a:hover { color:#d27216; text-decoration:none; }

/*********************/
/* COLONNE DE DROITE */ 
/*********************/
div#rightColumn
{
	float:right;
	width:696px;
	height:600px;
}

div#rightColumn div#affCarte
{
	width:696px;
	height:508px;
	background:url(../images/zd_bg.jpg) repeat-y top left;
	
	overflow:hidden;
}

div#rightColumn div#navigation
{
	width:696px;
	height:92px;
	background:url(../images/zd_nav_bg.jpg) no-repeat top left;
}


/**********************************/
/* COLONNE DE DROITE - NAVIGATION */ 
/**********************************/
div#rightColumn div#navigation div.menuBox,
div#rightColumn div#navigation div.menuBoxOver
{
	position:relative;
	float:left;
	width:116px;
	height:92px;
}

div#rightColumn div#navigation div.menuBox a.menu,
div#rightColumn div#navigation div.menuBoxOver a.menu
{
	position:relative;
	display:block;
	width:100%;
	height:92px;
}

/* État normal */
div#rightColumn div#navigation div.menuBox div.navFrmLeft
{
	float:left;
	width:8px;
	height:92px;
}
div#rightColumn div#navigation div.menuBox div.navFrmMiddle
{
	float:left;
	width:100px;
	height:92px;
}
div#rightColumn div#navigation div.menuBox div.navFrmRight
{
	float:left;
	width:8px;
	height:92px;
}
/* État roll-over */
div#rightColumn div#navigation div.menuBoxOver div.navFrmLeft
{
	float:left;
	width:8px;
	height:92px;
	background:url(../images/sm_frm_bg_l.png) repeat-y top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sm_frm_bg_l.png', sizingMethod='scale');
}
div#rightColumn div#navigation div.menuBoxOver div.navFrmMiddle
{
	float:left;
	width:100px;
	height:92px;
	background-color:#ffa927;
}
div#rightColumn div#navigation div.menuBoxOver div.navFrmRight
{
	float:left;
	width:8px;
	height:92px;
	background:url(../images/sm_frm_bg_r.png) repeat-y top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sm_frm_bg_r.png', sizingMethod='scale');
}

/* MENU TEXTE */
div#rightColumn div#navigation div.menuBox div#menuTexte,
div#rightColumn div#navigation div.menuBox div#menuTexteActif,
div#rightColumn div#navigation div.menuBoxOver div#menuTexteActif
{
	width:43px;
	height:92px;
	margin:0px 28px;
}
div#rightColumn div#navigation div.menuBox div#menuTexte
{
	background:url(../images/btn_txt.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_txt.png', sizingMethod='scale');
}
div#rightColumn div#navigation div.menuBox div#menuTexteActif,
div#rightColumn div#navigation div.menuBoxOver div#menuTexteActif
{
	background:url(../images/btn_txt_a.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_txt_a.png', sizingMethod='scale');
}

/* MENU TABLEAU */
div#rightColumn div#navigation div.menuBox div#menuTableau,
div#rightColumn div#navigation div.menuBox div#menuTableauActif,
div#rightColumn div#navigation div.menuBoxOver div#menuTableauActif
{
	width:54px;
	height:92px;
	margin:0px 23px;
}
div#rightColumn div#navigation div.menuBox div#menuTableau
{
	background:url(../images/btn_tab.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_tab.png', sizingMethod='scale');
}
div#rightColumn div#navigation div.menuBox div#menuTableauActif,
div#rightColumn div#navigation div.menuBoxOver div#menuTableauActif
{
	background:url(../images/btn_tab_a.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_tab_a.png', sizingMethod='scale');
}

/* MENU GRAPHIQUE */
div#rightColumn div#navigation div.menuBox div#menuGraphique,
div#rightColumn div#navigation div.menuBox div#menuGraphiqueActif,
div#rightColumn div#navigation div.menuBoxOver div#menuGraphiqueActif
{
	width:71px;
	height:92px;
	margin:0px 12px;
}
div#rightColumn div#navigation div.menuBox div#menuGraphique
{
	background:url(../images/btn_gra.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_gra.png', sizingMethod='scale');
}
div#rightColumn div#navigation div.menuBox div#menuGraphiqueActif,
div#rightColumn div#navigation div.menuBoxOver div#menuGraphiqueActif
{
	background:url(../images/btn_gra_a.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_gra_a.png', sizingMethod='scale');
}

/* MENU SOURCES, NOTES, DÉFINITIONS */
div#rightColumn div#navigation div.menuBox div#menuSources,
div#rightColumn div#navigation div.menuBox div#menuSourcesActif,
div#rightColumn div#navigation div.menuBoxOver div#menuSourcesActif
{
	width:99px;
	height:92px;
	margin:0px;
}
div#rightColumn div#navigation div.menuBox div#menuSources
{
	background:url(../images/btn_snd.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_snd.png', sizingMethod='scale');
}
div#rightColumn div#navigation div.menuBox div#menuSourcesActif,
div#rightColumn div#navigation div.menuBoxOver div#menuSourcesActif
{
	background:url(../images/btn_snd_a.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_snd_a.png', sizingMethod='scale');
}

/* MENU TÉLÉCHARGER LA CARTE */
div#rightColumn div#navigation div.menuBox div#menuCartes,
div#rightColumn div#navigation div.menuBox div#menuCartesActif,
div#rightColumn div#navigation div.menuBoxOver div#menuCartesActif
{
	width:84px;
	height:92px;
	margin:0px 8px;
}
div#rightColumn div#navigation div.menuBox div#menuCartes
{
	background:url(../images/btn_tel.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_tel.png', sizingMethod='scale');
}
div#rightColumn div#navigation div.menuBox div#menuCartesActif,
div#rightColumn div#navigation div.menuBoxOver div#menuCartesActif
{
	background:url(../images/btn_tel_a.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_tel_a.png', sizingMethod='scale');
}

/* MENU IMPRESSION */
div#rightColumn div#navigation div.menuBox div#menuImpression,
div#rightColumn div#navigation div.menuBox div#menuImpressionActif,
div#rightColumn div#navigation div.menuBoxOver div#menuImpressionActif
{
	width:74px;
	height:92px;
	margin:0px 13px;
}
div#rightColumn div#navigation div.menuBox div#menuImpression
{
	background:url(../images/btn_imp.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_imp.png', sizingMethod='scale');
}
div#rightColumn div#navigation div.menuBox div#menuImpressionActif,
div#rightColumn div#navigation div.menuBoxOver div#menuImpressionActif
{
	background:url(../images/btn_imp_a.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_imp_a.png', sizingMethod='scale');
}

/**********************************************/
/* COLONNE DE DROITE - NAVIGATION - SOUS-MENU */ 
/**********************************************/
.sousMenuBox {
	display: none;        /* required */
	position: absolute;   /* required */
	bottom:92px;
	left:0px;
	width:116px;
}

.sousMenuBox table.navSmTable
{
	width:116px;
}

/* Frame du haut (Coins rond) */
table.navSmTable td.navFrmTop
{
	position:relative;
	width:116px;
	height:18px;
}
table.navSmTable div.navFrmTopLeft
{
	position:absolute;
	top:0px;
	left:0px;
	width:18px;
	height:18px;
	background:url(../images/sm_frm_bg_tl.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sm_frm_bg_tl.png', sizingMethod='scale');
}
table.navSmTable div.navFrmTopMiddle
{
	position:absolute;
	top:0px;
	left:18px;
	width:80px;
	height:18px;
}
	table.navSmTable div.navFrmTopMiddle div.navFrmTopMiddleTop
	{
		width:80px;
		height:8px;
		background:url(../images/sm_frm_bg_t.png) repeat-x top center !important;
		background:none;
		filter:none !important;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sm_frm_bg_t.png', sizingMethod='scale');
	}
	table.navSmTable div.navFrmTopMiddle div.navFrmTopMiddleBottom
	{
		width:80px;
		height:10px;
		background-color:#ffa927;
	}
table.navSmTable div.navFrmTopRight
{
	position:absolute;
	top:0px;
	right:0px;
	width:18px;
	height:18px;
	background:url(../images/sm_frm_bg_tr.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sm_frm_bg_tr.png', sizingMethod='scale');
}


table.navSmTable td.navFrmLeft
{
	width:8px;
	background:url(../images/sm_frm_bg_l.png) repeat-y top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sm_frm_bg_l.png', sizingMethod='scale');
}
table.navSmTable td.navFrmMiddle
{
	width:80px;
	padding:0px 10px;
	background-color:#ffa927;
}
table.navSmTable td.navFrmRight
{
	width:8px;
	background:url(../images/sm_frm_bg_r.png) repeat-y top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sm_frm_bg_r.png', sizingMethod='scale');
}

.sousMenuBox ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.sousMenuBox li a
{
	padding:0px;
	margin:0px;
	font-size:9pt;
	text-decoration:none;
}
.sousMenuBox li a { color:#3b5e85; }
.sousMenuBox li a:hover { color:#fff; }

/**********/
/* FOOTER */
/**********/
div#footer
{
	position:relative;
	width:960px;
	padding-top:22px;
	background:#1d314d url(../images/f_bg.png) repeat-x top center;
	text-align:center;
	text-transform:uppercase;
	font-size:7pt;
	color:#7293b6;
}
div#footer a { color:#ffa927; text-decoration:none; }
div#footer a:hover { color:#ffa927; text-decoration:underline; }

div#footer div#logoVISAJ
{
	position:absolute;
	top:4px;
	left:112px;
	width:59px;
	height:63px;
	background:url(../images/logo_visaj.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_visaj.png', sizingMethod='scale');
	cursor:pointer;
}
div#footer div#adobe_reader
{
	position:absolute;
	top:12px;
	right:10px;
	width:118px;
	height:29px;
	background:url(../images/adobe_reader.png) no-repeat top left !important;
}

div#footer div#logos
{
	padding:15px 0px;
	text-align:center;
}

div#footer div#logos a#logoELSQ img
{
	width:127px;
	height:39px;
	margin:0px 10px;
	background:url(../images/logo_elsq.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_elsq.png', sizingMethod='scale');
}
div#footer div#logos a#logoEcobes img
{
	width:47px;
	height:47px;
	margin:0px 10px;
	background:url(../images/logo_ecobes.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_ecobes.png', sizingMethod='scale');
}
div#footer div#logos a#logoCrepas img
{
	width:69px;
	height:37px;
	margin:0px 10px;
	background:url(../images/logo_crepas.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_crepas.png', sizingMethod='scale');
}
div#footer div#logos a#logoUQAC img
{
	width:64px;
	height:35px;
	margin:0px 10px;
	background:url(../images/logo_uqac.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_uqac.png', sizingMethod='scale');
}
div#footer div#logos a#logoCJonquiere img
{
	width:69px;
	height:36px;
	margin:0px 10px;
	background:url(../images/logo_cjonquiere.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_cjonquiere.png', sizingMethod='scale');
}

div#footer div#credit
{
	width:960px;
	height:22px;
	line-height:22px;
	text-align:center;
	background-color:#000;
}


/****************************************/
/* LISTES DÉROULANTES - DIV ID "myform" */
/****************************************/
div#myform select
{
	width:210px;
	height:19px;
	background-color:#f1f4f9;
	border:1px #000 solid;
	color:#050e20;
	font-size:7pt;
}

div#myform div.boiteListes
{
	height:19px;
	margin-bottom:5px;
}

div#myform div.boiteListes div.dropMenu
{
	float:right;
	width:210px;
	height:19px;
}
/* Chiffres indicateurs - Complété (bleu marin), Actif (orange), Innactif (girs-bleu marin)  */
div#myform div.boiteListes div.chiffreInd
{
	float:left;
	width:18px;
	height:17px;
	line-height:17px;
	border:1px #000 solid;
	border-right:none;
	font-size:9pt;
	font-weight:bold;
	text-align:center;
}
div#myform div.boiteListes div.complete
{
	background-color:#253a55;
	color:#FFF;
}
div#myform div.boiteListes div.actif
{
	background-color:#f9a527;
	color:#253a55;
}
div#myform div.boiteListes div.inactif
{
	background-color:#9fadbf;
	color:#FFF;
}


/*******/
/* IDs */
/*******/




/***********/
/* CLASSES */
/***********/
.clear { clear:both; }
.txt_orange { color:#ffa927; }