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

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

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

		li#accueil a {width: 91px; height: 26px; background: url(/www/images/en/b_accueil.gif) no-repeat; }
		li#ressDiscip a {width: 215px; height: 26px; background: url(/www/images/en/b_ress-disciplin.gif) no-repeat;}
		li#learning a {width: 169px; height: 26px; background: url(/www/images/en/b_learning.gif) no-repeat;}
		li#soumProjet a {width: 170px; height: 26px; background: url(/www/images/en/b_soum-projet.gif) no-repeat;}
		li#nousJoindre a {width: 136px; height: 26px; background: url(/www/images/en/b_nous-joindre.gif) no-repeat;}
		li#francais a {width: 117px; height: 26px; background: url(/www/images/en/b_francais.gif) no-repeat;}
		
		/* Effet Rollover */
		 	li#accueil a.active, li#accueil a:hover,
			li#ressDiscip a.active, li#ressDiscip a:hover,
			li#learning a.active, li#learning a:hover,
			li#soumProjet a.active, li#soumProjet a:hover,
			li#nousJoindre a.active, li#nousJoindre a:hover,
			li#francais a.active, li#francais 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/en/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/en/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/en/b_ress-disciplin.gif) no-repeat; background-position: 0 -52px;}

	body.pageLearning li#learning a:link, body.pageLearning li#learning a:visited {	background: url(/www/images/en/b_learning.gif) no-repeat; background-position: 0 -52px;}

	body#pageSoumProjet li#soumProjet a:link, body#pageSoumProjet li#soumProjet a:visited {	background: url(/www/images/en/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/en/b_nous-joindre.gif) no-repeat; background-position: 0 -52px;}
	
body.pageLearning  {background: #fff;}
body.pageLearning #background  {width: 901px; margin: 0 auto; padding-top: 49px; background: url(/www/images/en/wireArtTop.gif) no-repeat 0 0;}
body.pageLearning.home #contenant  {background: url(/www/images/en/bgHome.jpg) no-repeat bottom right;}
body.pageLearning.home #contenant.sections {margin: 0;}

	body.pageLearning #footerNavAccueil {text-align: center; width: 881px;}
	

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


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

ul.ficheInfoNav
	{
	float: left;
	width: 689px;
	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: 212px; 
	height: 36px;
	background-color: #fff;
	text-align: right;
	}

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


	/* boutons fiche ressources imprimées */
		
		li#descriptionImpr a {width:110px; height:36px; background: url(/www/images/en/b_description.gif) no-repeat;}
		
			li#descriptionImpr a.active, li#descriptionImpr a:hover { background: url(/www/images/en/b_description.gif) no-repeat; background-position: 0 -36px;}
		 
		li#tdm a {width:132px; height:36px;	background: url(/www/images/en/b_tdm.gif) no-repeat;}
			
			li#tdm a.active, li#tdm a:hover { background: url(/www/images/en/b_tdm.gif) no-repeat; background-position: 0 -36px;}
		 
			li#tdm span.inactif {
				width:132px; 
				height:36px; 
				background: url(/www/images/en/b_tdm.gif) no-repeat; 
				background-position: 0 -108px;
				} 	
		 
		li#complement a {width:174px; height:36px; background: url(/www/images/en/b_complement.gif) no-repeat;}
		 
			li#complement a.active, li#complement a:hover { background: url(/www/images/en/b_complement.gif) no-repeat; background-position: 0 -36px;}
			 
			li#complement span.inactif {
				width:174px; 
				height:36px; 
				background: url(/www/images/en/b_complement.gif) no-repeat; 
				background-position: 0 -108px;
				} 
		 
		li#erratum a {width:82px; height:36px; background: url(/www/images/en/b_erratum.gif) no-repeat;}
		 
			li#erratum a.active, li#erratum a:hover { background: url(/www/images/en/b_erratum.gif) no-repeat; background-position: 0 -36px;}
			 
			li#erratum span.inactif {
				width:82px; 
				height:36px; 
				background: url(/www/images/en/b_erratum.gif) no-repeat;
				background-position: 0 -108px; 
				} 
		 	 
		li#commentsImpr a {width:99px; height:36px; background: url(/www/images/en/b_comments.gif) no-repeat;}
		 
			li#commentsImpr a.active, li#commentsImpr a:hover {background: url(/www/images/en/b_comments.gif) no-repeat; background-position: 0 -36px;}
			 
			li#commentsImpr span.inactif {
				width:99px; 
				height:36px; 
				background: url(/www/images/en/b_comments.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:92px; height:36px; background: url(/www/images/en/b_acceder.gif) no-repeat;} 
		
			li#acceder a.active, li#acceder a:hover { background: url(/www/images/en/b_acceder.gif) no-repeat; background-position: 0 -36px;}	
		 
			li#acceder span.inactif {
				width:92px; 
				height:36px; 
				background: url(/www/images/en/b_acceder.gif) no-repeat;
				background-position: 0 -108px; 
				} 
		
		li#achat a {width:92px; height:36px; background: url(/www/images/en/b_achat.gif) no-repeat;} 
		
			li#achat a.active, li#achat a:hover { background: url(/www/images/en/b_achat.gif) no-repeat; background-position: 0 -36px;}	
		 
			li#achat span.inactif {
				width:92px; 
				height:36px; 
				background: url(/www/images/en/b_achat.gif) no-repeat; 
				background-position: 0 -108px;
				}			 	 	 	 
	
		li#telecharge a {width:92px; height:36px; background: url(/www/images/en/b_telecharge.gif) no-repeat;} 
		
			li#telecharge a.active, li#telecharge a:hover { background: url(/www/images/en/b_telecharge.gif) no-repeat; background-position: 0 -36px;}	
		 
			li#telecharge span.inactif {
				width:92px; 
				height:36px; 
				background: url(/www/images/en/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/en/b_description.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprTdm li#tdm a:link, body#ficheImprTdm li#tdm a:visited {background: url(/www/images/en/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/en/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/en/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/en/b_comments.gif) no-repeat; background-position: 0 -72px;}
		body#ficheImprAchat li#achat a:link, body#ficheImprAchat li#achat a:visited {background: url(/www/images/en/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/en/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/en/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/en/b_description.gif) no-repeat;}
			
	    	li#descriptionInfo a.active, li#descriptionInfo a:hover { background: url(/www/images/en/b_description.gif) no-repeat; background-position: 0 -36px;}
		 
		li#demo a {width:71px; height:36px;	background: url(/www/images/en/b_demo.gif) no-repeat;}
			
			li#demo a.active, li#demo a:hover { background: url(/www/images/en/b_demo.gif) no-repeat; background-position: 0 -36px;}
	
			li#demo span.inactif {
				width:71px; 
				height:36px; 
				background: url(/www/images/en/b_demo.gif) no-repeat; 
				background-position: 0 -108px;
				}
		 
		 li#docu a {width:121px; height:36px; background: url(/www/images/en/b_docu.gif) no-repeat;}
		 
		 	li#docu a.active, li#docu a:hover { background: url(/www/images/en/b_docu.gif) no-repeat; background-position: 0 -36px;}
		 
			li#docu span.inactif {
				width:121px; 
				height:36px; 
				background: url(/www/images/en/b_docu.gif) no-repeat; 
				background-position: 0 -108px;
				}
				 
		 li#faq a {width:70px;	height:36px; text-indent:-9999px; background: url(/www/images/en/b_faq.gif) no-repeat;}
			
			li#faq a.active, li#faq a:hover { background: url(/www/images/en/b_faq.gif) no-repeat; background-position: 0 -36px;}
			 
			li#faq span.inactif {
				width:70px; 
				height:36px; 
				background: url(/www/images/en/b_faq.gif) no-repeat; 
				background-position: 0 -108px;
				}
				
		li#commentsInfo a {width:99px; height:36px; text-indent:-9999px; background: url(/www/images/en/b_comments.gif) no-repeat;}
		  
			li#commentsInfo a.active, li#commentsInfo a:hover { background: url(/www/images/en/b_comments.gif) no-repeat; background-position: 0 -36px;}
		 
		 	li#commentsInfo span.inactif {
				width:99px; 
				height:36px; 
				background: url(/www/images/en/b_comments.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/en/b_description.gif) no-repeat; background-position: 0 -72px;}
		body#ficheInfoDemo li#demo a:link, body#ficheInfoDemo li#demo a:visited {background: url(/www/images/en/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/en/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/en/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/en/b_comments.gif) no-repeat; background-position: 0 -72px;}	
		body#ficheInfoAcceder li#acceder a:link, body#ficheInfoAcceder li#acceder a:visited {background: url(/www/images/en/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/en/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/en/b_telecharge.gif) no-repeat; background-position: 0 -72px;}

/* Pages Learning Ctr */

/*nouveaux styles*/
body.pageLearning  {background: #fff; color: #303030;}
body.pageLearning #contenant.sections {margin-top: 0;}
body.pageLearning #colcentreLarge  {min-height: 598px;}
body.pageLearning #footerSections {background: #fff url(/www/images/en/bg_footer.gif) no-repeat top center; float: none; }
	body.pageLearning #footerNavAccueil {margin: 15px 0 0 0;}
body.pageLearning #footerNavAccueil {text-align: center; width: 881px;}

img#betterSkills {behavior: url("/www/css/iepngfix.htc"); margin: 30px 0 0 0;}


body.pageLearning h1 {color: #cf9600; font-size: 26px; font-family: Verdana, Geneva, sans-serif; padding: 0 0 9px 0;}
	body.pageLearning.home h1 {font-size: 24px;}
	h1.smaller {font-size: 18px;}
	
body.pageLearning h2 {color: #cf9600; font-size: 22px; font-family: Verdana, Geneva, sans-serif; padding: 3px 0 5px 0; margin: 0 0 9px 0; border-top: 1px #61942d solid; border-bottom: 1px #61942d solid;}		
	body.pageLearning h1 + body.pageLearning h2 {margin: 15px 0 9px 0}
	body.pageLearning h3 + body.pageLearning h2 {margin: 15px 0 9px 0;}
	
body.pageLearning h3 {color: #699935; font-size: 14px; margin: 10px 0;}
	img.soon {vertical-align: middle; margin: 0 5px 0 0;}
body.pageLearning h4 {color: #666; font-size: 12px; margin: 10px 0 5px 0; font-weight: bold;}
body.pageLearning h5 {color: #cf9600; font-size: 11px; margin: 10px 0 0 0; font-weight: bold;}
	
body.pageLearning h3.txtTitle {color: #64942e; font-size: 21px;}
	.author {color: #959468; font-size: 15px;}
	body.pageLearning h3.border { border-bottom: 1px #959468 solid;  padding: 0 0 5px 0; margin: 0 0 9px 0;}
	body.pageLearning h3.yellow.border { border-bottom: 1px #d89500 solid;  padding: 0 0 5px 0; margin: 0 0 9px 0;}
.green {color: #679636;}
.yellow {color: #d89500;}
.orange {color: #cf9600;}
body.pageLearning h3.lightGreen {color: #A3CD3A; margin: 0;}
	
.large {font-size: 130%; font-weight: bold;}
blockquote {margin: 0 28px 10px 28px; line-height: 1.3em;}
	body.pageLearning.home blockquote {width: 400px;}

body.pageLearning #enContent p + ul {padding: 0 0 15px 40px; margin-top: -5px;} 
body.pageLearning #enContent h2 + ul {padding: 5px 0 0 40px;} 
body.pageLearning h3.lightGreen a {color: #A3CD3A; text-decoration: none;}
	body.pageLearning h3.lightGreen a:hover {color: #A3CD3A; text-decoration: underline;}

body.pageLearning #enContent a#btnRevision {display: block; float: left; width: 189px; height: 132px; margin: 0 10px 0 0; background: url(/www/images/en/btnRevision.jpg) no-repeat;}
	body.pageLearning #enContent a#btnRevision:hover {background-position: 0 -132px;}
	body.pageLearning #enContent a#btnRevision span {display: none;}

body.pageLearning #enContent table {font-size: 100%;}
a:link, a:visited, a:hover, a:active {
	color: #353535;
	text-decoration: underline;
	font-size: 100%;
	}

	a.green:link, a.green:visited, a.green:hover, a.green:active {color: #679636;}	



/*a[href^="http:"], a.external { background: url(/www/images/en/extURL.gif) no-repeat right center; padding-right: 1.5em;}*/


a.pdf:link, a.pdf:visited {
	clear: both;
	width: 37px;
	height: 21px;
	display: block;
	float: left;
	background: url(/www/images/en/btn_pdf-orange.gif) no-repeat 0 0;
	margin: 0 0 25px 0;
	text-decoration: none;
	}	
	
	a.pdf span {visibility: hidden;}
	
	a.pdf:hover, a.pdf:active {background-position: 0 -21px;}
	
a.pdfDoc:link, a.pdfDoc:visited {
	height: 18px;
	display: block;
	float: left;
	background: url(/www/images/en/btn_pdf.gif) no-repeat 0 0;
	padding: 0 0 0 47px;
	}	
	
	a.pdfDoc:hover, a.pdfDoc:active {background-position: 0 -18px;}
	
	a.pdfDoc span, a.flashDoc span {display: none;}

a.pdfStory:link, a.pdfStory:visited {
	height: 20px;
	display: block;
	padding: 6px 0 0 0;
	background: url(/www/images/en/btn_pdf_large.gif) no-repeat 127px 0;
	}	
	
	a.pdfStory:hover, a.pdfStory:active {background-position: 127px -26px;}

a.pdfEssay:link, a.pdfEssay:visited {
	height: 20px;
	display: block;
	padding: 6px 0 0 0;
	background: url(/www/images/en/btn_pdf_large.gif) no-repeat 95px 0;
	}	
	
	a.pdfEssay:hover, a.pdfEssay:active {background-position: 95px -26px;}

a.flashDoc:link, a.flashDoc:visited {
	height: 18px;
	display: block;
	float: left;
	background: url(/www/images/en/btn_flash.gif) no-repeat 0 0;
	padding: 0 0 0 47px;
	}	
	
	a.flashDoc:hover, a.flashDoc:active {background-position: 0 -18px;}
	
img.new {vertical-align: baseline; float: left; margin: 0 5px 0 0;}	


.questionMark, a.info:link, a.info:visited {
	border: 1px #659235 solid; 
	padding: 1px 4px; 
	text-decoration: none; 
	margin: 0 8px 0 0;
	}
	a.info:hover, a.info:active {background: #659235; color: #fff; }
	.questionMark {margin: 0;}
	
#enContent ul, #enContent ol {padding: 0 0 10px 40px;}
	#enContent ul ul, #enContent ol ol {padding: 0 0 0 15px;}
	#enContent h3 + ul, #enContent h3 + ol {padding: 10px 0 10px 40px;}
#enContent li {
	list-style-type: disc;
	line-height: 1.50em;
	}
#enContent ol li {
	list-style-type: decimal;
	}	
	
	#enContent li li {list-style-type: circle;}

#enContent ul.pdfList, #enContent ul.noBullet {padding: 8px 0 15px 0;}
	#enContent ul.pdfList li {list-style-type: none; margin: 0 0 7px 0;}
	#enContent ul.noBullet li {list-style-type: none; margin: 0 0 3px 0;}

#enContent ul.checkList {padding: 8px 0 15px 0;}
	#enContent ul.checkList li {list-style-type: none; margin: 0 0 5px 0; background: url(/www/images/checkboxBullet.gif) no-repeat; padding: 0 0 0 25px;}
	
#enContent ul.grid {border-top: 1px #659235 solid; margin: 12px 0 24px 0; padding: 0; }	
	#enContent ul.grid li {list-style-type: none; border-bottom: 1px #659235 solid; font-weight: bold; height: 18px; padding: 3px 0 3px 15px; font-size: 90%;}

#enContent  hr {border: 0; background: #666; color: #ccc; width: 100%; height: 1px; margin: 15px 0;}

table.links {
	border-top: 1px #659235 solid;
	border-bottom: 1px #659235 solid;
	margin: 8px 0 40px 0;
	padding: 5px 0;
	font-size: 100%;
	}

table.resources {
	border-top: 1px #659235 solid;
	border-bottom: 1px #659235 solid;
	margin: -8px 0 40px 0;
	padding: 3px 0;
	font-size: 100%;
	}


table.links td, table.resources td {padding: 5px 10px; vertical-align: top; line-height: 1.5em; }
table.links th {padding: 0 10px 10px 10px; vertical-align: top;}
table.links .borderLeft {border-left: 1px #659235 solid;  }
table.links .borderBottom, table.resources .borderBottom {border-bottom: 1px #659235 solid;  }

table#grades {border: 1px black solid; border-collapse: collapse; margin: 0 0 10px 0;}
table#grades td, table#grades th {border: 1px black solid; border-collapse: collapse; padding: 5px; text-align: center;}
table#grades th {text-align: center; background: #679636; color: #fff;}

/*Internet Directory*/

div.cols {float: left; display: inline; width: 160px; margin: 0 15px 10px 0;}


form#searchDir input, form#searchDir select {width: 160px; margin: 5px 0; font-size: 11px; padding: 2px;}
form#order input {width: 260px; margin: 5px 0; font-size: 11px; padding: 2px;}
form#searchDir input#keyword {margin: 5px 10px 5px 0; vertical-align: middle; }
form#searchDir input#search { width: 60px; vertical-align: middle; background: #dfac59;}
p#alphaList {width: 470px; font-size: 11px; border: 1px black solid; padding: 3px; letter-spacing: 3px; margin-top: 5px;}
	p#alphaList a:link, p#alphaList a:visited {font-weight: bold; text-decoration: none;}
	p#alphaList a:hover, p#alphaList a:active {text-decoration: underline;}
	
/*Forms*/	
form#repertoire input, textarea	{margin: 2px 0 0 0; padding: 1px; width: 445px;}
form#repertoire input#subbut, form#order input#subbut {width: 100px;}
form#repertoire  p, form#order  p {padding: 3px 0 5px 0;}
img#capcha {margin: 10px 0;}



/*anciens styles*/

/* ---[ Navig colonne gauche Learning Ctr]--------------------- */			

ul#navGauche, body.pageLearning.home ul#navGauche {
		float: left;
		list-style-type:none;
		border: 1px #666 solid;
		margin: 0 20px 0 0;
		width: 214px;
		font-family:Verdana, Geneva, sans-serif
		}
		
		body.pageLearning ul#navGauche {margin: 0 30px 0 0;}

	ul#navGauche li {
		font-weight: normal;
		border-top: 1px #9a9a9a solid;
		
		}
		
		ul#navGauche li.first {border-top: none;  }
		ul#navGauche li.first a:link  {background: #b3cb99; height: 16px; padding: 12px 5px 0 5px; }
		
		/*exception*/
		ul#navGauche li#btnSoftware, ul#navGauche li#btnTraining, ul#navGauche li#btnResources {width: 214px; padding: 0; line-height: 20px; background: #e8e8e8;}
		ul#navGauche li#btnSoftware li a, ul#navGauche li#btnTraining li a, ul#navGauche li#btnResources li a {line-height: 16px;}
		/*fin exception*/
		
		
		ul#navGauche li a {
			display: block;
			width: 204px;
			min-height: 16px;
			padding: 3px 5px;
			text-decoration: none;
			font-size: 12px;
			color: #333;
			}
			
			ul#navGauche li a:link, ul#navGauche li a:visited {background: #e8e8e8;}
			
			ul#navGauche li a:hover, ul#navGauche li a:active, ul#navGauche li a.active,
			/*page active*/
			body#lc_welcome ul#navGauche li#btnAccueil a,
			body.pageLearning.home ul#navGauche li#btnAccueil a,
			body#lc_englishexitexam ul#navGauche li#btnEnglishExitExam a,
			body#lc_revisionstrategies ul#navGauche li#btnRevStrategies a,
			body#internet_directory ul#navGauche li#btnInternetDir a,
			body#lc_ressources ul#navGauche li#btnResources a,
			body#lc_peertutor ul#navGauche li#btnPeerTutor a
			 {background: #a7bf8d;}
			
			
		
		ul#navGauche li a.welcome:link, ul#navGauche li a.welcome:visited, ul#navGauche li a.welcome:hover, ul#navGauche li a.welcome:active {height: 18px;  padding-top: 10px; text-transform: none;}

	/*level 2*/
	
	ul#navGauche ul {
		list-style-type:none;
		margin: 0;
		}
		
		
	
		ul#navGauche ul li {
			border: 0;
			background: #fff;
			}
			
			
			ul#navGauche ul li a {
				display: block;
				width: 180px; 
				min-height: 16px; 
				padding: 3px 17px;
				border-top: 1px #9a9a9a solid; 
				color: #313131; 
				text-decoration: none !important; 
				font-size: 11px;
				}
				
				
				ul#navGauche ul li a:link, ul#navGauche ul li a:visited {background: #feffff;}	
				ul#navGauche ul li a:hover, ul#navGauche ul.menu li a:hover,
				
				/*page active*/  
				body#lc_readingsexercises ul#navGauche ul li#btnReadExercises a:link, body#lc_readingsexercises ul#navGauche ul li#btnReadExercises a:visited,
				body#lc_samplestudentessays ul#navGauche ul li#btnStudentEssays a:link, body#lc_samplestudentessays ul#navGauche ul li#btnStudentEssays a:visited,
				body#lc_links ul#navGauche ul li#btnLinks a:link, body#lc_links ul#navGauche ul li#btnLinks a:visited,
				body#lc_prepare ul#navGauche ul li#btnPrepare a:link, body#lc_prepare ul#navGauche ul li#btnPrepare a:visited,
				body#lc_assess ul#navGauche ul li#btnAssess a:link, body#lc_assess ul#navGauche ul li#btnAssess a:visited,
				body#lc_revise ul#navGauche ul li#btnRevise a:link, body#lc_revise ul#navGauche ul li#btnRevise a:visited,
				body#lc_practise ul#navGauche ul li#btnPractise a:link, body#lc_practise ul#navGauche ul li#btnPractise a:visited
				{background: #cad9b8;}
				
			/*sous-menu ne doit pas être highlighté quand 1er niveau est actif*/
			body#lc_englishexitexam ul#navGauche ul li#btnReadExercises a:link, body#lc_englishexitexam ul#navGauche ul li#btnReadExercises a:visited,
			body#lc_englishexitexam ul#navGauche ul li#btnThesisStat a:link, body#lc_englishexitexam ul#navGauche ul li#btnThesisStat a:visited,
			
			body#lc_revisionstrategies ul#navGauche ul li#btnPrepare a:link, body#lc_revisionstrategies ul#navGauche ul li#btnPrepare a:visited,
			body#lc_revisionstrategies ul#navGauche ul li#btnAssess a:link, body#lc_revisionstrategies ul#navGauche ul li#btnAssess a:visited,
			body#lc_revisionstrategies ul#navGauche ul li#btnRevise a:link, body#lc_revisionstrategies ul#navGauche ul li#btnRevise a:visited,
			body#lc_revisionstrategies ul#navGauche ul li#btnPractise a:link, body#lc_revisionstrategies ul#navGauche ul li#btnPractise a:visited
			{background: #feffff;}
			
			body#lc_englishexitexam ul#navGauche ul li#btnReadExercises a:hover, body#lc_englishexitexam ul#navGauche ul li#btnReadExercises a:active,
			body#lc_englishexitexam ul#navGauche ul li#btnThesisStat a:hover, body#lc_englishexitexam ul#navGauche ul li#btnThesisStat a:active,
			
			body#lc_revisionstrategies ul#navGauche ul li#btnPrepare a:hover, body#lc_revisionstrategies ul#navGauche ul li#btnPrepare a:active,
			body#lc_revisionstrategies ul#navGauche ul li#btnAssess a:hover, body#lc_revisionstrategies ul#navGauche ul li#btnAssess a:active,
			body#lc_revisionstrategies ul#navGauche ul li#btnRevise a:hover, body#lc_revisionstrategies ul#navGauche ul li#btnRevise a:active,
			body#lc_revisionstrategies ul#navGauche ul li#btnPractise a:hover, body#lc_revisionstrategies ul#navGauche ul li#btnPractise a:active
			{background: #cad9b8;}
	
	/*level 3*/
	ul#navGauche ul ul {
		margin: 0;
		list-style-type:none;
		}
		
		ul#navGauche ul ul li { }
		
			ul#navGauche ul ul li a {
				font-size: 10px;
				color: #63966b;
				width: 189px; 
				height: 17px; 
				display: block; 
				padding: 5px 0 0 25px;
				text-decoration: none !important; 
				}
				
				ul#navGauche ul ul li a:hover, ul#navGauche ul ul li a:active
				/*page active*/
				body#lc_cranesflysouth ul#navGauche ul ul li#btnCranes a:link, body#lc_cranesflysouth ul#navGauche ul ul li#btnCranes a:visited,
				body#lc_powder ul#navGauche ul ul li#btnPowder a:link, body#lc_powder ul#navGauche ul ul li#btnPowder a:visited,
				body#lc_dancegiraffe ul#navGauche ul ul li#btnGiraffe a:link, body#lc_dancegiraffe ul#navGauche ul ul li#btnGiraffe a:visited,
				body#lc_sevenwonder ul#navGauche ul ul li#btnSeven a:link, body#lc_sevenwonder ul#navGauche ul ul li#btnSeven a:visited
				{color: #111a19; background: #b8cea0;}
				
				/*sous-menu ne doit pas être highlighté quand 2e niveau est actif*/
				body#lc_readingsexercises ul#navGauche ul ul li#btnCranes a:link, body#lc_readingsexercises ul#navGauche ul ul li#btnCranes a:visited,
				body#lc_readingsexercises ul#navGauche ul ul li#btnPowder a:link, body#lc_readingsexercises ul#navGauche ul ul li#btnPowder a:visited,
				body#lc_readingsexercises ul#navGauche ul ul li#btnGiraffe a:link, body#lc_readingsexercises ul#navGauche ul ul li#btnGiraffe a:visited,
				body#lc_readingsexercises ul#navGauche ul ul li#btnSeven a:link, body#lc_readingsexercises ul#navGauche ul ul li#btnSeven a:visited {color: #CF9600; background: #fff;}
				
				body#lc_readingsexercises ul#navGauche ul ul li#btnCranes a:hover, body#lc_readingsexercises ul#navGauche ul ul li#btnCranes a:active,
				body#lc_readingsexercises ul#navGauche ul ul li#btnPowder a:hover, body#lc_readingsexercises ul#navGauche ul ul li#btnPowder a:active,
				body#lc_readingsexercises ul#navGauche ul ul li#btnGiraffe a:hover, body#lc_readingsexercises ul#navGauche ul ul li#btnGiraffe a:active,
				body#lc_readingsexercises ul#navGauche ul ul li#btnSeven a:hover, body#lc_readingsexercises ul#navGauche ul ul li#btnSeven a:active {color: #111a19; background: #b8cea0;}
	
	
	/*level 4*/
	ul#navGauche ul ul ul {
		margin: 0;
		list-style-type:none;
		}
		
		ul#navGauche ul ul ul li { }
		
			ul#navGauche ul ul ul li a {
				font-size: 10px;
				color: #CF9600;
				width: 179px; 
				height: 17px; 
				display: block; 
				padding: 5px 0 0 35px;
				text-decoration: none !important; 
				}
				
				ul#navGauche ul ul ul li a:hover, ul#navGauche ul ul ul li a:active {color: #111a19; background: #b8cea0;}
				
				
	
				
	.hidden {display:none;}
		
		
#iconBar {
	float: left;
	width: 79px;
	margin-top: 27px;
	padding: 0 0 50px 26px;
	}	
	
	#iconBar img {vertical-align: top;}
				
#enContent {
	float: left;
	display: inline;
	width: 657px;
	min-height: 573px;
	padding: 0 0 60px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	}
	
	body.pageLearning /*#enContent*/ .home {width: 530px;}
	body.pageLearning #enContent {width: 530px;}
	body.pageLearning .narrow {width: 420px;}
	

	/* Pages avec contenu collapsible */
	

	#switch, .switch {margin-bottom:5px; text-align:right}

.expand {
		float: left;
		width: 620px;
		padding-bottom:.75em;
		}
		
		.expand.wide {width: 100%;}
		
		.collapse div.subSection {margin: 0 0 0 25px;}
		
		div.subSection .expand {width: 90%;}
		
		
	.collapse {clear: both;}	
	
	/* --- Links  --- */
	
	
	.collapsible .expand a {
	  display:block;
	  padding:3px 10px;
	}
	
	.collapsible .expand a:link, .collapsible .expand a:visited { background: #eee url(/www/images/arrow-down.gif) no-repeat 98% 50%;	}

	.collapsible .expand a:hover, .collapsible .expand a:active, .collapsible .expand a:focus {	}

	.collapsible .expand.open a:link, .collapsible .expand.open a:visited { background:#eee url(/www/images/arrow-up.gif) no-repeat 98% 50%;}
	
	#enContent.collapsible ul {
		list-style-type: none;
		margin: 0 0 0 25px;
		padding: 0;
		}
		
		#enContent.collapsible ul.noMargin {margin: 0; padding: 0 0 10px 30px;}
		
		#enContent.collapsible ul ul, #enContent.collapsible ul ul ul {margin: 10px 0 0 25px;}
		
		#enContent.collapsible ul li {
			margin: 0 0 10px 0;
			list-style-image: none;
			list-style-type: none;
			}
			
			
			#enContent.collapsible li.info {
				list-style-image: url(/www/images/infoIcon.gif);
				}
			
	
	#enContent.collapsible ol {
		margin: 0 0 0 25px;
		}	
		
		#enContent.collapsible ol li {
			list-style-type: decimal;
			}
		
	
			
	.collapsible input.radioSection {float: left; clear: left; border: 0; margin: 8px 5px 0 0; padding: 0;}
	.collapsible input.radioCheck {float: left; clear: left; border: 0; margin: 2px 5px 0 0; padding: 0;}
	
	.collapsible input#btnPrint {float: none; clear: none; margin: 15px 15px 0 0;}
	.collapsible input#btnReset {float: none; clear: none; margin: 15px 0 0 0;}

.noshow {display: none;} /*don't display, but print*/


#otsew {
	position: relative;
	clear: both;
	width: 751px; 
	height: 660px; 
	padding: 0 0 0 149px;
	background: url(/www/images/en/bgOtsew.jpg) no-repeat 0 0; 
	margin: 25px auto; 
	}
	
	img#btnCCDMD {position: absolute; bottom: 15px; right: 15px;}
	
	img#revisionsLogo {float: left; vertical-align: middle; margin: 0 10px 0 0;}