/* CSS Espace enseignants 	*/
/* Créé le 26/03/2008 		*/

html {
	font-size: 100%;
}
body {
	/*background-image: url(../img/img_nav1024/genFondPage.gif);*/
	margin: 0; /* pour éviter les marges */
}
#global{
}
	#header{
	}
	
	/* Contenu principal */
	/**************************************************************/
	#main{
		float: left;
		background-image: url(../img/css2008/bg_menu_small.gif);
		background-position: 98px 200px;
		background-repeat:repeat-y;
		background-color:transparent;
		/*background-color: #33CCCC;*/
		width: 984px;
		height: auto;
		text-align: left;
		color: #666666;
		font-size: 10px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}

		#gauche{
			float: left;
			background-color:#FAFAFA;
			margin: 0;
			width: 175px;
		}


		/* Centre */
		/**************************************************************/
		#centre{
			float: left;
			width: 795px; /* 815 */
			margin-top: 10px;
			margin-left: 15px;
		}
			#fil_ariane{
				margin-top: 0px;
				margin-left: 0px;
				width: 100%;
				color: #666666;
				font-size: 1.2em;
			}
				#fil_ariane a, #fil_ariane a:visited{
					color: #666666;
					text-decoration: none;
				}
				#fil_ariane a:hover{
					text-decoration: underline;
				}
			
			/* Entête */	
			#entete{
				margin-top: 10px;
				margin-left: 0;
				width: 100%;
			}
				#visuel_entete{
					position: relative;
					top: 0;
					left: 0;
					width: 796px;
					height: 465px;
				}
					#titre_entete{
						position:absolute;
						top: 180px;
						right:0px;
						height: 40px;
					}
					#entete img{
						float: right;
						margin-top: 180px
					}
					#entete h1{
						float: right;
						display: block;
						background-color: #FFF;
						height: 30px; /* 40px */
						margin-top: 180px;
						padding: 5px 20px 5px 20px;
						min-width: 125px;
						font-size: 2.6em;
						font-weight: bold;
						text-align: center;
					}
				#entete h2{
					margin-top: 13px;
					margin-left: 0;
					font-size: 1.4em;
					font-weight: normal;
				}
				#menu_ancres{
					background: #fff url(../img/css2008/bg_menu_ancres.gif) no-repeat bottom left;
					width: 172px; /* 182px */
					height: auto; /* 90px */
					margin-left: 18px;
					padding: 12px 5px 15px 5px;
				}
					.lien_menu_ancres{
						width: 136px; /* 156px */
						height: 15px; /* 18px */
						margin: 4px 0 0 8px;
						padding: 3px 0px 0px 20px;
						color: #fff;
						font-size: 1.1em;
						font-weight: bold;
					}
					.lien_menu_ancres a{
						color: #fff;
						text-decoration: none;
					}
			/* Fin entête */
			
			
			/* Menu interne********************************************/ 
			#entete_menu_interne{
				width: 795px;
				height: 15px;
				margin-top: 15px;
				border-bottom: 1px solid #FFFFFF;
			}
			#menu_interne{
				width: 795px;
				height: 130px;
				margin-bottom: 20px;		
			}
				.lien_page img{
					float: left;
					margin: 0;
					padding: 0;
					border: 0;	
				}
/* Blocs additionnels Gauche (sous le menu) */
			#haut_bloc_menu_orange, #haut_bloc_menu_grisF, #haut_bloc_menu_grisC, #haut_bloc_menu_rouge{
				float: left;
				display: inline;
				width: 145px; /* 155px */
				height: 15px;
				margin: 10px 0 0 8px;
				padding: 10px 0 0 10px;
				font-size: 1.2em;
				font-weight: bold;
			}
			#haut_bloc_menu_rouge{
				background: #B5E8EA url(../img/css2008/haut_bloc_gauche_jeunesse.gif) no-repeat top left;			
				color: #14abb0;	
			}
			#bloc_menu_rouge ul{
				list-style-type: none;
			}
			#bloc_menu_grisF, #bloc_menu_grisC, #bloc_menu_orange, #bloc_menu_rouge{
				float: left;
				display: inline;
				width: 145px;
				margin: 0 0 0 8px;
				padding: 0 0 10px 10px;
			}
			#bloc_menu_rouge{
				background: #B5E8EA url(../img/css2008/bas_bloc_gauche_jeunesse.gif) no-repeat bottom left;
			}
			#bloc_menu_rouge a{
				background: #B5E8EA url(../img/css2008/fleche_bloc_gauche_jeunesse.gif) no-repeat top left;
				width: 135px;
				padding: 0 10px 0 10px;
				color: #14abb0;
			}

			/* Bloc titres de la collection ******************************/ 
			#titre_bloc_collection{
				float: left;
				width: 795px;
				/*height: 25px;*/
				margin-top: 3px;
				margin-bottom: 0px;
				padding-bottom: 0px;
			}
			#bloc_collection{
				float: left;
				margin-top:0px;
				margin-left: 0;
				width: 785px;
				height: auto;
				padding: 0 0 10px 10px;
			}
					.book{
						float: left;
						display: inline;
						margin: 15px 10px 0 0;
						padding: 10px 10px 10px 10px;
						font-weight: normal;
					}
						a.couv_book{
							float: left;
							float:inherit ;							
							display: inline;
							/*width: 172px;
							height: 172px;
							margin-right: 10px;*/
							margin-bottom: 10px;
						}
						.infos_book{
							float: left;
							display: inline;
							
							width: 233px;					
						}
						a.titre_book, a.titre_book:hover, a.titre_book:visited{
							margin: 0;
							color: #000000;
							font-size: 1.2em;
							font-weight: bold;
							text-decoration: none;
						}
						.nouveau{
							padding: 0;
							color: #CC0000;	
							font-size: 1.1em;				
							font-weight: normal;
						}
						.auteurs_book{
							padding: 5px 0 0 0;
							font-size: 1em;
							font-weight: normal;
						}
						.parution{
							padding: 5px 0 0 0;
							font-size: 1em;
							font-weight: normal;
						}
						.age_book{
							padding: 5px 0 0 0;
							font-size: 1.1em;
							font-weight: bold;
						}
						.bt_feuilleter{
							margin: 10px 0 0 0;
							width: 74px; /* 102px */
							height: 17px; /* 22px */
							padding: 5px 0 0 28px;
						}
							.bt_feuilleter a, .bt_feuilleter a:hover, .bt_feuilleter a:visited{
								/*color: #00797d;*/
								font-size: 1.1em;
								font-weight: bold;
								text-decoration: none;
							}
						.bt_spe_num{
							margin: 10px 0 0 0;
							width: 164px; /* 190px */
							height: 17px; /* 22px */
							padding: 5px 0 0 26px;
						}
							.bt_spe_num a, .bt_spe_num a:hover, .bt_spe_num a:visited{
								/*color: #00797d;*/
								font-size: 1.1em;
								font-weight: bold;
								text-decoration: none;
							}
			/* Fin Bloc titres de la collection **************************/ 
			
			
			
		/* Fin centre *************************************************/ 
		
	/* Fin contenu principal **************************************/ 

	#footer{
	}
