/*	CSS public secondaire pour le produit EDU
	2005-01-19
	educaloi.qc.ca
*/

/* PFCodes dynamiques */
h5 {
}

a.general {
	color:#9B0101;
}
a.general:visited {
	color:#666666;
}
a.general:hover {
	color:#000000;
}
a.lien_juriste {
	color:#000000;
}	
a.lien_juriste:hover {
	color:#9B0101;
}
div.encadre {
}
/* Fin PFCodes dynamiques */

#topic {
	background:#990000 url(/images/graphiques/entete_topic_jpj.gif) no-repeat;
	margin:0;
	padding:0;
}

.menujpj_titre {
	background-color:#5E0000;
	margin:0 0 0 5px;
}
.menujpj_titre a, .menujpj_titre span {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration:none;
	display:block;
	padding:1px 7px 1px 7px;
}


.menujpj_surcategorie_off, .menujpj_surcategorie_in {
	background-color:#CA0000;
	margin-left:5px;
	border-bottom:1px solid #990000;
}
.menujpj_surcategorie_off a, .menujpj_surcategorie_in a, .menujpj_surcategorie_off span, .menujpj_surcategorie_in span {
	font-size:11px;
	font-weight:bold;
	color:#D7E1C9; 
	text-decoration:none;
	display:block;
	padding:1px 5px 1px 14px;
	background: url(/images/icon/fleche_nav_rouge.gif) 5px 5px no-repeat;
}
.menujpj_surcategorie_off a:hover {
	background-color:#E61616;
}
.menujpj_surcategorie_in {
	background-color:#CC6600;
}



.menujpj_clientele_off, .menujpj_clientele_in {
	background-color:#CF5C42;
	margin-left:5px;
	border-bottom:1px solid #990000;
	line-height:18px;
}
.menujpj_clientele_in {
	background-color:#E8E7E1;
}
.menujpj_clientele_off a, .menujpj_clientele_in a {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	display:block;
	padding:0 3px 0 16px;
}
.menujpj_clientele_off a:hover {
	background-color:#DA806C;
}
.menujpj_clientele_in a {
	color:#990000;
}
.menujpj_clientele_off a:hover {
	background-color:#DA806C;
}

a.menujpj {
	color:#000000;
	font-size:11px;
	text-decoration:none;
}


.liste_accueil {
	padding-left:35px;
}
.liste_accueil a {
	font:bold 12px Tahoma;
	color:#990000;
	text-decoration:none;
}
.liste_accueil a:hover {
	text-decoration:underline;
}

.liste_recommandation {
	padding-left:12px;
}
.liste_recommandation a {
	font:bold 12px Tahoma;
	color:#990000;
	text-decoration:none;
}
.liste_recommandation a:hover {
	text-decoration:underline;
}
.liste_recommandation_pastille {
	vertical-align:top;
	padding-top:6px;
	width:23px;
	text-align:right;
}
.liste_recommandation_pastille div {
	padding-left:41px;
}
.liste_recommandation span {
	color:#000000;
	font-size:9px;
}
#banniere_detail {
	font:bold 15px Tahoma;
	color:#FFFFFF;
	padding:47px 0 0 12px;
}
#banniere_detail div {
	font:bold 15px Tahoma;
	color:#990000;
	margin-top:6px;	
}
#entete_clientele {
	background-color:#AAB2A7;
	padding:5px 10px 5px 10px;
	font:bold 25px Tahoma;
	color:#4B4B40;
}

#presentation_clientele {
	background-color:#D2D7CD;
	padding:20px 15px 8px 15px;
	border-right:20px solid #AAB2A7;
	font:13px Verdana;
}
#presentation_clientele div.titre {
	font:bold 20px Tahoma;
	color:#494944;
	margin-bottom:5px;
}

#liste {
	background-color:#E8E7E1;
	background-repeat:no-repeat;
	padding:50px 15px 20px 15px;
	border-right:20px solid #AAB2A7;
}
#liste a {
	font:bold 12px Verdana,Helvetica,Arial;
	color:#440000;
}
#liste a:vidited {
	color:#444444;
}
#liste a:hover {
	color:#cc0000;
}

.qr, .qrover {
	background-color:#C5CBC0;
	padding:2px 8px 2px 8px;
	cursor:pointer;
}
.qr a {
	color:#000000;
	text-decoration:underline;
}
.qrover a {
	color:#990000;
	text-decoration:underline;
}

.qr span {
	font-weight:bold;
}

.qr_details {
	background-color:#DDDDD6;
	padding:8px;
}

.qr_showhide {
	visibility:hidden;
	display:none;
}

#important_jpj {
	background-color:#A1A69A;
	padding:10px;
	border-right:20px solid #AAB2A7;
}
#important_jpj span {
	color:#FFFFFF;
	font:bold 16px "Trebuchet MS";
}

#memesujet_jpj {
	background-color:#9DA194;
	padding:0 0 25px 8px;
	border-right:6px solid #C9CBC0;
}

.titre_produit {
	padding:4px 10px 10px 10px;
	margin-left:16px;
}
.titre_produit span {
	font:bold 12px/12px "Trebuchet MS",Verdana,Helvetica,Arial;
	text-transform:uppercase;
}

#capsulesquestions {
	background-color:#E8E7E1;
	background-repeat:no-repeat;
	padding:50px 15px 20px 15px;
	border-right:20px solid #AAB2A7;
}

a.menuressources {
	color:#440000;
	font:13px Tahoma;
	text-decoration:underline;
}

#topic a {
	color:#E1C5D4;
}


#banniere_detail_bom {
	height:89px;
}
#banniere_detail_bom div {
	font:bold 15px Tahoma;
	color:#FFFFFF;
	padding:47px 0 0 12px;
}

#presentation_bom {
	background-color:#E8E7E1;
	padding:0 15px 15px 15px;
	border-right:20px solid #AAB2A7;
	font:13px Verdana;
}

a#rectangle_lien {
	display:block;
	background-color:#AAB2A7;
	text-align:right;
	padding:5px 10px;
	color:#3d3d3d;
	font:bold 15px/18px "Trebuchet MS",Verdana,Helvetica,Arial;
	text-decoration:none;
}
a#rectangle_lien:hover {
	background-color:#B7BEB4;
}

/* PAGE PRESENTATION
-----------------------------------------*/
#jpj_presentation {
	position:relative;
}

#jpj_presentation a {
	text-decoration:none;
}

#jpj_presentation #jpj_intro {
	position:absolute;
	top:60px;
	left:265px;
	width:270px;	
	font:bold 12px/16px Arial, Verdana, sans-serif;
	color:#ed1b24;
	text-align:center;
}

#jpj_presentation #jpj_intro div {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#000000;
	text-align:left;
}

#jpj_presentation #jpj_intro a {
	position:absolute;
	top:80px;
	left:115px;
}

#jpj_presentation #jpj_intro a:hover {
	background:transparent;
}

#jpj_presentation #jpj_intro a .over {
	position:absolute;
	visibility:hidden;
}

#jpj_presentation #jpj_intro a:hover .over {
	visibility:visible;
}


#jpj_presentation #jpj_droits,
#jpj_presentation #jpj_droits_en {
	position:absolute;	
	top:230px;
	left:65px;	
	width:205px;
	height:165px;
	background:url(../images/graphiques/transparent.gif); /* Pour IE6 zone complète cliquable */
}

#jpj_presentation #jpj_droits span,
#jpj_presentation #jpj_droits_en span {
	display:block;
	width:88px;
	padding:30px 0 0 103px;
	font:bold 11px/13px Arial, Verdana, sans-serif;
	color:#f0f990;
}


#jpj_presentation #jpj_carrieres {
	position:absolute;
	top:195px;
	left:278px;
	width:240px;
	height:222px;
	background:url(../images/graphiques/transparent.gif); /* Pour IE6 zone complète cliquable */
}

#jpj_presentation #jpj_carrieres span {
	display:block;
	padding:190px 0 0 0;
	text-align:center;
	font:bold 11px/13px Arial, Verdana, sans-serif;
	color:#ffde01;
}



#jpj_presentation #jpj_activites {
	position:absolute;
	top:540px;
	left:60px;
	width:220px;
	height:100px;
	background:url(../images/graphiques/transparent.gif); /* Pour IE6 zone complète cliquable */
}

#jpj_presentation #jpj_activites span {
	display:block;
	padding:60px 0 0 20px;
	font:bold 11px/13px Arial, Verdana, sans-serif;
	color:#66bbdb;
}


#jpj_presentation #jpj_tests,
#jpj_presentation #jpj_tests_en {
	position:absolute;
	top:430px;
	left:275px;
	width:230px;
	height:76px;
	background:url(../images/graphiques/transparent.gif); /* Pour IE6 zone complète cliquable */
}


#jpj_presentation #jpj_tests span,
#jpj_presentation #jpj_tests_en span {
	display:block;
	padding:0 0 0 30px;
	font:bold 11px/13px Arial, Verdana, sans-serif;
	color:#fc90ce;
}


#jpj_presentation #jpj_abecedaire {
	position:absolute;
	top:405px;
	left:55px;
	width:210px;
	height:125px;
	background:url(../images/graphiques/transparent.gif); /* Pour IE6 zone complète cliquable */
}

#jpj_presentation #jpj_abecedaire span {
	display:block;
	padding:82px 0 0 20px;
	font:bold 11px/13px Arial, Verdana, sans-serif;
	color:#ff7f01;
}


#jpj_presentation #jpj_bom343,
#jpj_presentation #jpj_bom343_en {
	position:absolute;
	top:520px;
	left:285px;
	width:220px;
	height:125px;
	background:url(../images/graphiques/transparent.gif); /* Pour IE6 zone complète cliquable */
}


#jpj_presentation #jpj_bom343 span,
#jpj_presentation #jpj_bom343_en span {
	display:block;
	padding:86px 25px 0 25px;
	text-align:center;
	font:bold 11px/13px Arial, Verdana, sans-serif;
	color:#fc90ce;
}


#jpj_presentation #jpj_pret {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#000000;
	position:relative;
	margin:12px 0 30px 22px;
}

#jpj_presentation #jpj_pret a {
	position:absolute;
	top:-12px;
	right:10px;
}

#jpj_presentation #jpj_pret a:hover {
	background:transparent;
}

#jpj_presentation #jpj_pret a .over {
	position:absolute;
	visibility:hidden;
}

#jpj_presentation #jpj_pret a:hover .over {
	visibility:visible;
}