@charset "utf-8";
/* Zone de titre */
div.bgJD {
	background: url(../img/fond_pages/iconbar_jd.gif) no-repeat;
}

div.bgDegradJD {
	background: url(../img/fond_pages/iconbar_video_jd.gif) no-repeat;
}

/* Zone d'affichage interne */
#COLONNE_GAUCHE #INFOS_PAGE.fondNoirJD {
	background: #000000 url(../img/fond_pages/fond_noir_jd.jpg) no-repeat;
}

#TitreBox .coinJD {
	background: url(../img/fond_pages/coindroit_jd.jpg) no-repeat;
}

/* Zone de texte scrollable */
#zoneScroll .CadreCouleur li {
	background-image: url(../img/fond_pages/puce_jd.gif);
}

#zoneScroll .scroll-handle {
	margin-top: 16px;
	width: 14px;
	height: 37px;
	background: transparent url(../img/fond_pages/cursor_jd.gif) no-repeat 0 0;
	cursor: pointer;
}

#PageInterne .siContent .zoneSpe .scroll-handle {
	background: transparent url(../img/fond_pages/cursor-si_jd.gif) no-repeat 0 0;
}

/* Specifique pages "Inspection Generale" */
#PageInterne .igContent .etapBoxJD ul li a:focus, #PageInterne .igContent .etapBoxJD ul li a:hover, #PageInterne .igContent .etapBoxJD ul .etapActif a {
	background: url(../img/fond_pages/ig_etapebox_jd.gif) repeat-x 0 0;
}

#PageInterne .igContent .etapBoxJD ul .etap1 .etapText {
	background: url(../img/fond_pages/ig_etapeune_jd.gif) no-repeat;
}

#PageInterne .igContent .etapBoxJD ul .etap2 .etapText {
	background: url(../img/fond_pages/ig_etapedeux_jd.gif) no-repeat;
}

#PageInterne .igContent .etapBoxJD ul .etap3 .etapText {
	background: url(../img/fond_pages/ig_etapetrois_jd.gif) no-repeat;
}

/* Specifique pages "Metiers des Systemes d'Information" */
#PageInterne .siContent .etapBoxJD ul li .imgPetite .imgEtapOn {
	background: url(../img/fond_pages/focus-petite_jd.png) no-repeat;
}

#PageInterne .siContent .etapBoxJD ul li .imgGrande .imgEtapOn {
	background: url(../img/fond_pages/focus-grande_jd.png) no-repeat;
}

* html #PageInterne .siContent .etapBoxJD ul li .imgPetite .imgEtapOn, * html #PageInterne .siContent .etapBoxJD ul li .imgGrande .imgEtapOn { /* Pour IE6 */
	background: transparent;
}

/* Specifique pages "Forums" */
.calJD .calhead, .calJD .calhead a:hover, .calJD .calhead a:focus, .calJD .today {
	color: #00AD73;
}

.calJD #calevent {
	background: url(../img/calendar/calEvent_jd.jpg) no-repeat;
}

.calJD .caleventover, .calJD .caleventout {
	background: url(../img/calendar/calEvent_jd.jpg) repeat center;
}

.calJD #event .heading {
	background: url(../img/calendar/calEvent_jd.jpg) repeat-x top left;
}

#listForums ul .eltActifJD a {
	background-repeat: no-repeat;
	background-position: 6px 14px;
	background-image: url(../img/fleches/fleche_elementbas.gif);
}

* html #listForums ul .eltActifJD a { /* Pour IE6 */
	background-position: 6px 8px;
}

*+html #listForums ul .eltActifJD a { /* Pour IE7 */
	background-position: 6px 8px;
}

#listForums ul .eltActifJD div {
	padding: 0;
	width: 335px;
	height: auto;
	background: url(../img/fond_pages/forum_angle_jd.gif) no-repeat;
}

/* MenuGauche: Boutons de scroll */
#monteMenu.ImageJD {
	background: url(../img/fleches/fleche_haute_JD.jpg) no-repeat;
}

#descendMenu.ImageJD {
	background: url(../img/fleches/fleche_basse_JD.jpg) no-repeat top left;
}

/* MenuGauche: Bouton Retour */
#MenuGaucheRetour ul .retourJD {
	position: absolute;
	top: 0;
	height: 45px;
	font-size: 12px;
	background: url(../img/fond_pages/retour_jd.gif) no-repeat;
}

/* MenuGauche: Liste dynamique d'elements */
#MenuGauche ul div.finOngletJD {
	width: 142px;
	height: 9px;
	background: url(../img/fond_pages/elementlist_bas_jd.gif) no-repeat 100% 0;
}

*+html #MenuGauche ul div.finOngletJD { /* Pour IE7 */
	height: 11px;
}

#MenuGauche ul .ElementBox a.eltJD {
	padding: 3px 0 5px 0;
	min-height: 30px;
	display: block;
	background: #00AD73 url(../img/fond_pages/elementlist_jd.gif) no-repeat scroll left top;
}

#MenuGauche ul .eltActifJD a.eltJD {
	background: #00AD73 url(../img/fond_pages/elementlist_actif_jd.gif) no-repeat scroll left top;
}

/* Zone de liste des MEA */
#COLONNE_DROITE .topEspaceJD {
	background: url(../img/fond_pages/top_espace_etu.jpg);
}

#ListMea .MeaBox.hoverJD a:hover, #ListMea .MeaBox.hoverJD a:focus, #ListMea .MeaBox.hoverJD a.hoverFlash {
	background: url(../img/fond_pages/mea_jd.jpg) no-repeat;
}

/* Fonds de site */
.fondJD {
	background: url(../img/fond_site/fond_jd.jpg) no-repeat -14px 0;
}