* { margin: 0; padding: 0; border: 0; }

html {overflow: -moz-scrollbars-vertical; min-height: 100%; margin-bottom: 1px;}

body {
	text-align: center; /* centrage pour IE */
	font-family: arial, geneva, sans-serif;
	font-size: 76%;
	line-height: 1.15em;
	font-weight: normal;
	background: #F4F2EA url(/www/images/bg_contenu.gif) repeat-x top left;	
	}
	
.center {text-align: center;}
.right {float: right;}
.noshow {display: none;}
br {clear: both;}
	
/* ---[ Mise en page/Structure des pages ]--------------------- */

#logoboxAccueil {
	width: 900px; 
	height: 54px; 
	margin: 0 auto;
	position: relative;
	}
	
	img#logoAccueil {
		position: absolute;
		top: 47px; right: 9px;
		}
	
#logoboxSections {
	width: 900px; 
	height: 46px; 
	margin: 0 auto;
	position: relative;
	}
	
	img#logoSections {
		position: absolute;
		top: 8px; right: 13px;
		}

		
#contenant {
	position: relative;
	clear: left;
	margin: 0 auto; 
	width: 901px;
	margin-top: 3px;
	text-align: left;
	}
	
	#contenant.sections {margin-top: 30px;}
	#contenant.coldroite {background: url(/www/images/bg_contenantColdroite.gif) repeat-y 50% 0;}
	
	img#btnRssAccueil {float: left; margin: 0 5px 0 0;}
	img#btnFB, img#btnTwit {float: left; margin: 0 5px 0 0;}
	div#BtnFBLike {float: right; margin: 26px 0 8px 0; width: 200px; height: auto; overflow: visible;}

/*
#sondage {
	position: absolute;
	top: 40px; right: 23px;
	width: 270px;
	height: 85px;
	}

#sondage-sm {
	position: absolute;
	top: 3px; right: 33px;
	width: 157px;
	height: 52px;
	z-index: 999999;
	}
*/

/* ---[ Barre de navigation principale ]--------------------- */

ul.menuAccueil { 
	clear: left;
	position: relative;
	top: 64px;
	right: 2px;
	margin: 0 auto;
	padding: 0;
	margin-top: 15px;
	width: 898px;
	height: 26px;
	}

ul.menuSections { 
	clear: left;
	margin: 0 auto;
	position: relative;
	top: 6px;
	right: 2px;
	padding: 0;
	margin-top: 9px;
	width: 898px;
	height: 26px; 
	}	
     
     ul.menuAccueil li, ul.menuSections li {
		float: left;
		display: inline;
	    list-style-image: none;
	    list-style-type: none;
	    }
    
    ul.menuAccueil li a, ul.menuSections li a {display: block;}
				
	
	/* remove annoying dotted box in Firefox */
	ul.menuAccueil li a:focus, ul.menuSections li a:focus {outline: none;}
		
/* Accueil */
	
	#colgauche {
		float: left;
		display: inline;
		width: 304px; 
		min-height: 553px;
		margin: 0 0 0 17px;
		}
		
	#colcentre {
		float: left;
		display: inline;
		width: 303px; 
		min-height: 553px;
		margin: 0 0 0 30px;
		overflow: visible;
		}
		
	#coldroite {
		float: left;
		display: inline;
		width: 202px;
		margin: 0 0 0 45px;
		}
		
		img#btnInfolettre {margin: 0 0 5px 3px; }
		#colNouveautes {
			width: 196px;
			background: url(/www/images/bg_headingNouveautes.gif) no-repeat top center;
			background-color: #e9e8e4;
			margin: 0 3px;
			padding-bottom: 5px;		
			}
			
			.produit {
				margin: 0 auto; 
				width: 196px;
				margin-bottom: 10px;
				}
			
			.imgProduit {margin-top: 3px;}
		
		#colNouveautesFooter {
			background-color: #d6d5d0;
			min-height: 34px;
			margin: 0 3px 3px 3px;
			}	
		
		/* Page Nouvelles */
		
		#colcentre.nouvelles {
			width: 508px; 
			margin: 0 0 0 20px;
			
			}
		
			#coldroite.nouvelles {
			float: right; /* sans ça, la colonne se ramasse en dessous dans IE6 */
			width: 348px;
			min-height: 100%;
			margin: 0 0 0 25px;
			background: url(/www/images/bg_headingNouvelles.gif) no-repeat top center;
			background-color: #e7e6e2;
			}
		
		#colNouvelles {
			margin: 0 auto;
			width: 313px;
			padding: 0 15px 15px 20px;
			}

		/* Page Nouveautés */		
		
		#colcentreLarge {
			float: left;
			display: inline;
			margin: 0 auto;
			width: 901px;
			min-height: 565px; 
			}
			
			.produitDetails { 
				float: left; 
				display: inline;
				width: 901px;
				}
		
				.imgNouveaute {
				float: left;
				display: inline;
				width: 232px;
				margin: 0 20px 0 0;
				text-align: right;
				}
			
				.nouveautesDetails {
				float: left;
				display: inline;
				width: 435px;
				}
		
		/* Pages Nous joindre et Soumettre projet */ 	
		
		#colcentreMarges {
			margin: 0 auto;
			width: 730px;
			min-height: 565px; 
			}
			
		/* Page Ressources disciplinaires	*/
		
		#rechercheRessources {
			width: 881px;
			min-height: 34px;
			background: #e7e6e2 url(/www/images/bg_rechercheRess.gif) no-repeat top left;
			margin: 0 0 28px 0;
			padding: 2px 0 0 20px;
			
			}
			
		
		/* Page fiche descriptive */	
		
		#colcentreLarge.fiche {
			margin: 0 auto;
			width: 901px; 
			min-height: 450px;
			background-color: #e7e6e2;
			}
			
		#fichePhotoLg {
			float: left;
			display: inline;
			width: 312px; 
			margin: 26px 21px 0 20px;
			}	
		
		#ficheDetails {
			float: left;
			display: inline;
			width: 515px; 
			margin: 26px 33px 15px 0;
			}
				
			#fichePhotoLg img.thumbs {border: 1px #6f7881 solid;}	
			
			#typeRessImg {
				float: left;
				width: 20px;
				margin: 25px 10px 0 0;  
				}
				
			#typeRessDesc {
				float: left;
				width: 270px;
				margin-top: 25px;
				}
			
		#ficheDemoInfo {
			float: left;
			display: inline;
			width: 351px; 
			margin: 140px 275px 15px 275px;
			}
		
		#ficheColGauche {
			float: left;
			display: inline;
			width: 395px; 
			margin: 26px 45px 15px 21px;
			}	
			
		#ficheColDroite {
			float: left;
			display: inline;
			width: 410px; 
			margin: 26px 0 15px 0;
			}	
			
		#listeDocsGauche	{
			float: left;
			display: inline;
			width: 282px; 
			margin: 3px 20px 3px 0;
			}
			
		#listeDocsDroite	{
			float: left;
			display: inline;
			width: 53px; 
			text-align: right;
			margin: 3px 0;
			font-size: 90%;
			}	

		/*Image agrandie*/
		
		#LgImg	{margin: 0 auto; margin: 10px;}
		
		#imageprincipale {
	    	width: 100%;
		    height: auto;
			}
		
/* ---[ Footers ]--------------------- */
			
#footerAccueil, #footerSections {
	float: right;
	margin: 0 auto; 
	width: 881px;
	min-height: 60px;
	background: #F4F2EA url(/www/images/bg_footer.gif) no-repeat top center;
	}
	
	#footerLogos {
	float: left; 
	margin-top: 30px;
	}
	
	#footerNavAccueil {
	float: right;
	width: 600px;
	margin: 40px 0 0 0;
	text-align: right;
	font-size: 90%;
	color: #908e8a;
	}	
	
	
	
/* ---[ Hyperliens ]------------------------------- */

a:focus {outline: none;}
a:link, a:visited {
	color: #005395;
	text-decoration: underline;
	font-size: 100%;
	}

a:hover, a:active {
	color: #005395;
	text-decoration: underline;
	font-size: 100%;
	}	

a.Suite:link, a.Suite:visited {
	color: #005395;
	text-decoration: none;
	font-size: 100%;
	}

a.Suite:hover, a.Suite:active {
	color: #005395;
	text-decoration: underline;
	font-size: 100%;
	}

a.Titre:link, a.Titre:visited {
	color: #005395;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	}

a.Titre:hover, a.Titre:active {
	color: #005395;
	text-decoration: underline;
	font-weight: bold;
	font-size: 100%;
	}	

a.titreProduit:link, a.titreProduit:visited {
	color: #657588;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
	}

a.titreProduit:hover, a.titreProduit:active {
	color: #657588;
	text-decoration: underline;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
	}

#footerNavAccueil a:link, #footerNavAccueil a:visited {
	font-size: 90%;
	color: #005395;
	text-decoration: none;
	}

#footerNavAccueil a:hover, #footerNavAccueil a:active {
	font-size: 90%;
	color: #005395;
	text-decoration: underline;
	}	

#colcentreAdmin	a:link, #colcentreAdmin a:visited, #colcentreAdmin a:hover, #colcentreAdmin a:active {
	color: #005395;
	text-decoration: underline;
	font-size: 100%;
	}		

		 				
/* ---[ Format du text ]--------------------- */

p {
	font-size: 115%;
	padding: 3px 0 15px 0;
	line-height: 1.50em;
	}
	
	#colgauche p {color: #535353;}
	#colcentre.nouvelles p, #ficheColGauche p, #ficheColDroite p, #ficheDetailsInfo p, #fichePhotoLg p {color: #54534f;}

	#enteteNouvelle {padding: 36px 0 15px 0;}
	#ficheColDroite p {text-align:right;}	
	
	.note {font-size: 95%;}
	
h1 {
	font-size: 118%;
	font-weight: bold;
	color: #565654;
	line-height: 1em;
	padding: 10px 0;
	}
	
	h1.first { margin-top: 13px; }


	h1.Nouveautes  { 
		margin: 0 13px 5px 13px; 
		padding-top: 23px;
		}
		
	h1.Ressource {
		color: #657588;
		font-weight: bold;
		font-size: 100%;
		text-transform: uppercase;
		padding: 5px 0;
		}	
		
	#coldroite h1 {padding: 15px 0 30px 0;}
		
	h1.nouvelle {
		font-size: 100%;
		color: #1c5695;
		text-transform: uppercase;
		margin: -7px 0;
		}	
	
h2 {
	font-size: 110%;
	font-weight: bold;
	color: #005395;
	padding: 5px 0;
	line-height: 1em;	
	}
	
	h2.Ressource, h2.Fiche {
		color: #585e61;
		font-weight: bold;
		font-size: 100%;
		margin-bottom: -5px;
		}

	#enteteNouvelle h2 {font-size: 100%; color: #1c5695;font-weight: normal; margin-bottom: 15px;}	
	#colNouvelles h2 {font-size: 100%; color: #525248; font-weight: bold; margin-bottom: -5px;}
		
	#colNouveautes h2.Nouveautes {
		color: #585e61; 
		font-size: 95%;
		}
		
	h2.Msg {
		color: #B77449;
		font-weight: bold;
		font-size: 100%;
		line-height: 1.5em;
		}	
	
h3 {
	font-size: 100%;
	font-weight: bold;		
	line-height: 1em;	
	margin: 5px 0;
	}	
	
	#enContent div.coldroite h3, #enContent div.colgauche h3, table.cols h3 {
	text-transform: uppercase;
	color: #667383;
	font-size: 105%;
	margin: 15px 0;
	}
		

h4 {
	font-size: 100%;
	font-weight: normal;		
	line-height: 1em;	
	margin: 5px 0;
	}		

	

.rouge {color: #cc0000;}
.gris {color: #585e61}
.grisPale, #ficheDetailsInfo p.grisPale {color: #657588;}
.bleu {color: #1c5695;}
.brun {color: #54534f;}

sup {line-height: 0; vertical-align: text-top;}

#ficheColGauche dt {
	font-weight: bold;
	color: #657588;
	margin-bottom: 5px;
	}

#ficheColGauche dd {margin-bottom: 15px;}	

#colNouveautes hr, #ficheColGauche hr {
	color: #bbb7ad; /* les deux pour faire plaisir à IE */
	background-color: #bbb7ad;
	height: 1px;
	width: 100%;
	margin-bottom: 10px;
	}

#colcentre.nouvelles hr {
	color: #e9e8e4;
	background-color: #e9e8e4;
	height: 1px;
	width: 100%;
	margin-bottom: 20px;
	}

.produitDetails .hr {
	width: 867px;
	height: 1px;
	background: url(/www/images/bg_hrNouveautes.gif) no-repeat top center;
	margin: 15px 0;
	clear: both;
	}
	
.produitDetails  hr {
  	display: none;
	}

hr.listeDocs {
	clear:both;
	color: #b6b3a9; /* les deux pour faire plaisir à IE */
	background-color: #b6b3a9;
	height: 1px;
	width: 355px;
	}

#enContent table.cols .hr {
	width: 264px;
	height: 1px;
	background: url(/www/images/bg_hrExercices.gif) no-repeat top center;
	margin: 15px 0;
	clear: both;
	text-align: center;
	}

#enContent table.cols  hr {
  	display: none;
	}

#enContent div.colgauche, #colcentreMarges div.colgauche {
	float: left;
	display: inline;
	width: 48%;
	margin-right: 20px;
	}
	
#enContent div.coldroite, #colcentreMarges div.coldroite {
	float: left;
	display: inline;
	width: 48%;
	}		

#bHaut {float: right; margin-bottom: 15px;}

/* ---[ Listes ]--------------------- */

#colgauche ul, #colcentre ul, #coldroite ul {
	padding: 0 0 10px 15px;
	}
	
#colgauche li, #colcentre li, #coldroite li {
	list-style-type: none; 
	list-style-image: url(/www/images/bullet.gif); 
	padding: 0 0 5px 0;
	font-size: 100%;
	}

#colcentreMarges ul, #ficheColGauche ul, #ficheDetails ul {
	padding: 0 0 10px 30px;
	}
	
#colcentreMarges li, #ficheColGauche li, #ficheDetails li {
	list-style-type: square;
	line-height: 1.50em;
	}	
		
#colNouveautesFooter ul {
	padding: 10px 0 0 33px;
	}	

#enContent ul.pdf, #enContent ul.zip {
	padding: 0 0 0 30px;
	}

#colcentreMarges ul.pdf, #colcentreMarges ul.zip {
	padding: 10px 0 0 33px;
	}		
	
#enContent ul.pdf li, #colcentreMarges ul.pdf li {
	list-style-type: none; 
	background: url(/www/images/bullet_pdf.gif) no-repeat 0 50%; 
	padding: 5px 0 5px 40px;
	font-size: 100%;
	}	
	
#enContent ul.zip li, #colcentreMarges ul.zip li {
	list-style-type: none; 
	background: url(/www/images/bullet_zip.gif) no-repeat 0 50%; 
	padding: 5px 0 5px 40px;
	font-size: 100%;
	}	
	

/* ---[ Tables ]--------------------- */	

table.cols {
	width: 100%;
	font-size: 100%;	
	}
	
table.cols td {
	width: 50%;	
	vertical-align: top;
	}	

	
/* ---[ Formulaires de l'admin ]--------------------- */

#colcentreAdmin {
	margin: 0 auto;
	width: 849px; 
	min-height: 450px;
	background: #e7e6e2 url(/www/images/bg_contenuAdmin.gif) no-repeat;
	background-position: 25px 25px;
	border: 1px #585e61 solid;
	padding: 75px 25px 25px 25px;
	}
	
	#colcentreAdmin div.colGauche {
		width: 400px;
		float: left;
		}
	
	#colcentreAdmin div.colDroite {
		width: 400px;
		float: right;
		}
	
	input, select,textarea { border: 1px #585e61 solid;  font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
	
	#colcentreAdmin input.user { border: 1px #585e61 solid; background-color: #fff; }
	
	#colcentreAdmin fieldset, #colcentreLarge fieldset, #colcentreMarges fieldset {
		border: 1px dotted #999;
		padding: 10px 20px;
		margin: 10px 0;
		}
		
	#colcentreAdmin legend, #colcentreLarge legend, #colcentreMarges legend {
		color: #fff;
		padding: 2px;
		background-color: #54534f;
		border: 1px #F4F2EA solid;
		}	
		
		#colcentreAdmin legend.sub {background-color: #005395;}
		
	#colcentreAdmin	ul {
		margin: 15px;
		list-style-type: square;
		}
	
	#colcentreAdmin	li {
		line-height: 1.5em;
		}		
		
	#colcentreAdmin hr {
		color: #585e61;
		background-color: #999;
		height: 1px;
		width: 100%;
		margin: 3px 0;
		}	
		
	#colcentreAdmin h1 {
		color: #54534F;
		font-weight: bold;
		font-size: 100%;
		text-transform: uppercase;
		padding: 5px 0;
		}	
		
	#btnAdmin {
		float: right;
		margin: -50px 0 25px 0;
		}
			
	#colcentreAdmin table {width: 100%; margin: 0px 0;}	
		
		#colcentreAdmin thead.shade {background-color: #EFEFEF;}
			
		#colcentreAdmin th {
			color: #585E61;
			padding: 3px;
			}
		
		#colcentreAdmin td {
			font-size: 100%;
			line-height: 1.15em;
			font-weight: normal;
			}
		
		#colcentreAdmin fieldset th { 
			font-size: 100%;
			color: #54534F;
			padding: 3px;
			}
		
		#colcentreAdmin dl {margin: 15px 25px;}
		#colcentreAdmin dt {color: #54534F; font-weight: bold;}
		#colcentreAdmin dd {margin-bottom: 15px;}
		

#colcentreAdmin a.dossier {cursor:pointer; text-decoration: underline;}

select#repertoire_language_skill, select#repertoire_topic_area, select#repertoire_type_resource {width: 180px;}

/* ---[ 3 colonnes ]--------------------- */

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

/* ---[ Tooltips ]--------------------- */

span.infobulle {
	background-color: #eaeaea;
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px #7e7e7e solid;
	border-right: 1px #7e7e7e solid;
	}

	span.infoBulleTxt {font-size: 11px;}


#fixedtipdiv {
		position:absolute;
		padding: 5px;
		border:1px dotted #585e61;
		font-size: 100%;
		line-height: 1.50em;
		text-align: left;
		z-index:100;
		}
	
/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


/* ---[ Accordion content ]--------------------- */


	.accordionButton {	
	width: 530px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	height: 35px;
	cursor: pointer;
	font-weight: bold;
	font-size: 15px;
	padding: 11px 0 0 81px;
	}
	
.accordionContent {	
	width: 530px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	}
	

.accordionButton {color: #A3CD3A;}
.over {	color: #000; padding: 11px 0 0 81px;}

.accordionButton.step1 {background: url(../images/en/btnStep1_off.gif) no-repeat;}	
.over.step1 {background: url(../images/en/btnStep1_on.gif) no-repeat;}

.accordionButton.step2 {background: url(../images/en/btnStep2_off.gif) no-repeat;}
.over.step2 {background: url(../images/en/btnStep2_on.gif) no-repeat;}
	
.accordionButton.step3 {background: url(../images/en/btnStep3_off.gif) no-repeat;}	
.over.step3 {background: url(../images/en/btnStep3_on.gif) no-repeat;}
	
.accordionButton.step4 {background: url(../images/en/btnStep4_off.gif) no-repeat;}
.over.step4 {background: url(../images/en/btnStep4_on.gif) no-repeat;}