/* ---[ Mise en page/Structure des pages ]--------------------- */

#headerAccueil {
	width: 100%;
	height: 161px;
	background: url(/www/images/fr/bg_header_accueil.jpg) no-repeat top center;
	}

#headerSections {
	width: 100%;
	height: 89px;
	background: url(/www/images/fr/bg_header_sections.jpg) no-repeat top center;
	}	
	
			
/* ---[ Barre de navigation principale ]--------------------- */

		li#accueil a {width: 89px; height: 26px; background: url(/www/images/fr/b_accueil.gif) no-repeat; }
		li#ressDiscip a {width: 210px; height: 26px; background: url(/www/images/fr/b_ress-disciplin.gif) no-repeat;}
		li#amelioFr a {width: 216px; height: 26px; background: url(/www/images/fr/b_amelio-fr.gif) no-repeat;}
		li#soumProjet a {width: 180px; height: 26px; background: url(/www/images/fr/b_soum-projet.gif) no-repeat;}
		li#nousJoindre a {width: 122px; height: 26px; background: url(/www/images/fr/b_nous-joindre.gif) no-repeat;}
		li#english a {width: 81px; height: 26px; background: url(/www/images/fr/b_english.gif) no-repeat;}
		
		/* Effet Rollover */
		 	li#accueil a.active, li#accueil a:hover,
			li#ressDiscip a.active, li#ressDiscip a:hover,
			li#amelioFr a.active, li#amelioFr a:hover,
			li#soumProjet a.active, li#soumProjet a:hover,
			li#nousJoindre a.active, li#nousJoindre a:hover,
			li#english a.active, li#english a:hover {background-position: 0 -26px;}
			
	
	/* Bouton de section highlighté selon la section */
	
	body#pageAccueil li#accueil a:link, body#pageAccueil li#accueil a:visited {	background: url(/www/images/fr/b_accueil.gif) no-repeat; background-position: 0 -52px;}

	body#pageRessDiscip li#ressDiscip a:link, body#pageRessDiscip li#ressDiscip a:visited {	background: url(/www/images/fr/b_ress-disciplin.gif) no-repeat; background-position: 0 -52px;}
		
		body#ficheImprimeDesc li#ressDiscip a:link, body#ficheImprimeDesc li#ressDiscip a:visited, 
		body#ficheInfoDesc li#ressDiscip a:link, body#ficheInfoDesc li#ressDiscip a:visited,
		body#ficheInfoDemo li#ressDiscip a:link, body#ficheInfoDemo li#ressDiscip a:visited,
		body#ficheInfoDocu li#ressDiscip a:link, body#ficheInfoDocu li#ressDiscip a:visited,
		body#ficheInfoFaq li#ressDiscip a:link, body#ficheInfoFaq li#ressDiscip a:visited,
		body#ficheInfoComments li#ressDiscip a:link, body#ficheInfoComments li#ressDiscip a:visited,
		body#ficheInfoAcceder li#ressDiscip a:link, body#ficheInfoAcceder li#ressDiscip a:visited {background: url(/www/images/fr/b_ress-disciplin.gif) no-repeat; background-position: 0 -52px;}

	body#pageAmelioFr li#amelioFr a:link, body#pageAmelioFr li#amelioFr a:visited { background: url(/www/images/fr/b_amelio-fr.gif) no-repeat; background-position: 0 -52px;}
	body#pageAmelioFrAccueil li#amelioFr a:link, body#pageAmelioFrAccueil li#amelioFr a:visited { background: url(/www/images/fr/b_amelio-fr.gif) no-repeat; background-position: 0 -52px;}

	body#pageSoumProjet li#soumProjet a:link, body#pageSoumProjet li#soumProjet a:visited {	background: url(/www/images/fr/b_soum-projet.gif) no-repeat; background-position: 0 -52px;}

	body#pageNousJoindre li#nousJoindre a:link, body#pageNousJoindre li#nousJoindre a:visited {	background: url(/www/images/fr/b_nous-joindre.gif) no-repeat; background-position: 0 -52px;}


/* ---[ Nav Fiche des Ressources disciplinaires ]--------------------- */


ul.ficheImprimeNav
	{
	float: left;
	width: 683px;
	height: 36px;
	background-color: #fff;
	}

ul.ficheInfoNav
	{
	float: left;
	width: 692px;
	height: 36px;
	background-color: #fff;
	}
	
	ul.ficheImprimeNav li, ul.ficheInfoNav li {
    	float: left; 
		display: inline;
	    list-style-image: none;
	    list-style-type: none;
	    line-height: 0;
	    font-size: 1px;
		}

	ul.ficheImprimeNav li a, ul.ficheInfoNav li a, li span.inactif {display:block; text-indent:-9999px; }	
		
#ficheImprUtilities { 
	float: right;
	display: inline;
	width: 218px; 
	height: 36px;
	background-color: #fff;
	text-align: right;
	}

#ficheInfoUtilities { 
	float: right;
	display: inline;
	width: 209px; 
	height: 36px;
	background-color: #fff;
	text-align: right;
	}		
		
/* remove annoying dotted box in Firefox */
	ul.ficheImprimeNav li a:focus, ul.ficheInfoNav li a:focus {outline: none;}

	/* boutons fiche ressources imprimées */
		
		li#descriptionImpr a {width:109px; height:36px; background: url(/www/images/fr/b_descriptionImpr.gif) no-repeat;}
		
			li#descriptionImpr a.active, li#descriptionImpr a:hover { background: url(/www/images/fr/b_descriptionImpr.gif) no-repeat; background-position: 0 -36px;}
		 
		li#tdm a {width:141px; height:36px;	background: url(/www/images/fr/b_tdm.gif) no-repeat;}
			
			li#tdm a.active, li#tdm a:hover { background: url(/www/images/fr/b_tdm.gif) no-repeat; background-position: 0 -36px;}
		 
			li#tdm span.inactif {
				width:141px; 
				height:36px; 
				background: url(/www/images/fr/b_tdm.gif) no-repeat; 
				background-position: 0 -108px;
				} 	
		 
		li#complement a {width:109px; height:36px; background: url(/www/images/fr/b_complement.gif) no-repeat;}
		 
			li#complement a.active, li#complement a:hover { background: url(/www/images/fr/b_complement.gif) no-repeat; background-position: 0 -36px;}
			 
			li#complement span.inactif {
				width:109px; 
				height:36px; 
				background: url(/www/images/fr/b_complement.gif) no-repeat; 
				background-position: 0 -108px;
				} 
		 
		li#erratum a {width:83px; height:36px; background: url(/www/images/fr/b_erratum.gif) no-repeat;}
		 
			li#erratum a.active, li#erratum a:hover { background: url(/www/images/fr/b_erratum.gif) no-repeat; background-position: 0 -36px;}
			 
			li#erratum span.inactif {
				width:83px; 
				height:36px; 
				background: url(/www/images/fr/b_erratum.gif) no-repeat;
				background-position: 0 -108px; 
				} 
		 	 
		li#commentsImpr a {width:119px; height:36px; background: url(/www/images/fr/b_commentsImpr.gif) no-repeat;}
		 
			li#commentsImpr a.active, li#commentsImpr a:hover {background: url(/www/images/fr/b_commentsImpr.gif) no-repeat; background-position: 0 -36px;}
			 
			li#commentsImpr span.inactif {
				width:119px; 
				height:36px; 
				background: url(/www/images/fr/b_commentsImpr.gif) no-repeat; 
				background-position: 0 -108px;
				} 
		
		/* DEBUT > ce bouton (le dernier) est commun aux deux types de fiches - utiliser l'id correspondant selon le cas */
		li#acceder a {width:122px; height:36px; background: url(/www/images/fr/b_acceder.gif) no-repeat;} 
		
			li#acceder a.active, li#acceder a:hover { background: url(/www/images/fr/b_acceder.gif) no-repeat; background-position: 0 -36px;}	
		 
			li#acceder span.inactif {
				width:122px; 
				height:36px; 
				background: url(/www/images/fr/b_acceder.gif) no-repeat;
				background-position: 0 -108px; 
				} 
		
		li#achat a {width:122px; height:36px; background: url(/www/images/fr/b_achat.gif) no-repeat;} 
		
			li#achat a.active, li#achat a:hover { background: url(/www/images/fr/b_achat.gif) no-repeat; background-position: 0 -36px;}	
		 
			li#achat span.inactif {
				width:122px; 
				height:36px; 
				background: url(/www/images/fr/b_achat.gif) no-repeat; 
				background-position: 0 -108px;
				}			 	 	 	 
	
		li#telecharge a {width:122px; height:36px; background: url(/www/images/fr/b_telecharge.gif) no-repeat;} 
		
			li#telecharge a.active, li#telecharge a:hover { background: url(/www/images/fr/b_telecharge.gif) no-repeat; background-position: 0 -36px;}	
		 
			li#telecharge span.inactif {
				width:122px; 
				height:36px; 
				background: url(/www/images/fr/b_telecharge.gif) no-repeat; 
				background-position: 0 -108px;
				}
				
		/* FIN */
			
		/* bouton actif selon la page	*/
		
		body#ficheImprDesc li#descriptionImpr a:link, body#ficheImprDesc li#descriptionImpr a:visited {background: url(/www/images/fr/b_descriptionImpr.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprTdm li#tdm a:link, body#ficheImprTdm li#tdm a:visited {background: url(/www/images/fr/b_tdm.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprComp li#complement a:link, body#ficheImprComp li#complement a:visited {background: url(/www/images/fr/b_complement.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprErr li#erratum a:link, body#ficheImprErr li#erratum a:visited {background: url(/www/images/fr/b_erratum.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprComments li#commentsImpr a:link, body#ficheImprComments li#commentsImpr a:visited {background: url(/www/images/fr/b_commentsImpr.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprAchat li#achat a:link, body#ficheImprAchat li#achat a:visited {background: url(/www/images/fr/b_achat.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprAchat li#telecharge a:link, body#ficheImprAchat li#telecharge a:visited {background: url(/www/images/fr/b_telecharge.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprAchat li#acceder a:link, body#ficheImprAchat li#acceder a:visited {background: url(/www/images/fr/b_acceder.gif) no-repeat; background-position: 0 -72px;}

	/* boutons fiche ressources informatisées */
	
		li#descriptionInfo a {width:110px; height:36px; background: url(/www/images/fr/b_descriptionInfo.gif) no-repeat;}
			
	    	li#descriptionInfo a.active, li#descriptionInfo a:hover { background: url(/www/images/fr/b_descriptionInfo.gif) no-repeat; background-position: 0 -36px;}
		 
		li#demo a {width:71px; height:36px;	background: url(/www/images/fr/b_demo.gif) no-repeat;}
			
			li#demo a.active, li#demo a:hover { background: url(/www/images/fr/b_demo.gif) no-repeat; background-position: 0 -36px;}
	
			li#demo span.inactif {
				width:71px; 
				height:36px; 
				background: url(/www/images/fr/b_demo.gif) no-repeat; 
				background-position: 0 -108px;
				}
		 
		 li#docu a {width:121px; height:36px; background: url(/www/images/fr/b_docu.gif) no-repeat;}
		 
		 	li#docu a.active, li#docu a:hover { background: url(/www/images/fr/b_docu.gif) no-repeat; background-position: 0 -36px;}
		 
			li#docu span.inactif {
				width:121px; 
				height:36px; 
				background: url(/www/images/fr/b_docu.gif) no-repeat; 
				background-position: 0 -108px;
				}
				 
		 li#faq a {width:146px;	height:36px; background: url(/www/images/fr/b_faq.gif) no-repeat;}
			
			li#faq a.active, li#faq a:hover { background: url(/www/images/fr/b_faq.gif) no-repeat; background-position: 0 -36px;}
			 
			li#faq span.inactif {
				width:146px; 
				height:36px; 
				background: url(/www/images/fr/b_faq.gif) no-repeat; 
				background-position: 0 -108px;
				}
				
		li#commentsInfo a {width:122px; height:36px; background: url(/www/images/fr/b_commentsInfo.gif) no-repeat;}
		  
			li#commentsInfo a.active, li#commentsInfo a:hover { background: url(/www/images/fr/b_commentsInfo.gif) no-repeat; background-position: 0 -36px;}
		 
		 	li#commentsInfo span.inactif {
				width:122px; 
				height:36px; 
				background: url(/www/images/fr/b_commentsInfo.gif) no-repeat; 
				background-position: 0 -108px;
				}
		
		/* Bouton achat/telecharger/accéder est défini plus plus */
				
	/* bouton actif selon la page	*/
		
		body#ficheInfoDesc li#descriptionInfo a:link, body#ficheInfoDesc li#descriptionInfo a:visited {background: url(/www/images/fr/b_descriptionInfo.gif) no-repeat; background-position: 0 -72px;}
		body#ficheInfoDemo li#demo a:link, body#ficheInfoDemo li#demo a:visited {background: url(/www/images/fr/b_demo.gif) no-repeat; background-position: 0 -72px;}		 	
		body#ficheInfoDocu li#docu a:link, body#ficheInfoDocu li#docu a:visited {background: url(/www/images/fr/b_docu.gif) no-repeat; background-position: 0 -72px;}		
		body#ficheInfoFaq li#faq a:link, body#ficheInfoFaq li#faq a:visited {background: url(/www/images/fr/b_faq.gif) no-repeat; background-position: 0 -72px;}	
		body#ficheInfoComments li#commentsInfo a:link, body#ficheInfoComments li#commentsInfo a:visited {background: url(/www/images/fr/b_commentsInfo.gif) no-repeat; background-position: 0 -72px;}	
		body#ficheInfoAcceder li#acceder a:link, body#ficheInfoAcceder li#acceder a:visited {background: url(/www/images/fr/b_acceder.gif) no-repeat; background-position: 0 -72px;}
		body#ficheInfoAcceder li#achat a:link, body#ficheInfoAcceder li#achat a:visited {background: url(/www/images/fr/b_achat.gif) no-repeat; background-position: 0 -72px;}		
		body#ficheInfoAcceder li#telecharge a:link, body#ficheInfoAcceder li#telecharge a:visited {background: url(/www/images/fr/b_telecharge.gif) no-repeat; background-position: 0 -72px;}