/*******************************************/
/* CSS Boutique / Collection KIDIDOC  */
/* Créée le 01/03/2010
/* Hélène Gonzalez-Quijano				   */
/*******************************************/

html {
	font-size: 100%;
}

body {
	margin: 0; /* pour éviter les marges */
}

	/* Contenu principal */
/**************************************************************/
	#main{
		float: left;
		display: inline;
		width: 984px;
		height: auto;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-align: left;
		color: #666666;
		font-size: 10px;
		margin-top: 5px
	}
	
	/* Centre */
/**************************************************************/
	#centre{
		background-color: #FFFFFF;
		float: left;
		display: inline;
		width: 962px;
		height:auto;
		margin: 10px 0 0 5px;
	}
		
		#fil_ariane{
			float:left;
			margin-left: 5px;
			width: 720px;
			height:auto;
			color:#4b3390;
			font-size: 1.2em;
		}
		
			#fil_ariane a, #fil_ariane a:visited{
				color: #666666;
				text-decoration: none;
			}
			
			#fil_ariane a:hover{
				text-decoration: underline;
			}
			
		#mon_panier{
			float:right;
			margin-top: 0px;
			width: 222px;
			height:auto;
			font-weight:bold;
			font-size: 1.2em;
		}
		
			#mon_panier a, #mon_panier a:visited{
				color: #666666;
				text-decoration: none;
			}
			
			#mon_panier a:hover{
				text-decoration: underline;
			}
						
		#entete{
			float:left;
			display:inline;
			width: 962px;
			height: 265px;
			margin: 5px 0 10px 6px;
		}
							
			#menu_categorie{			
				float:left;
				display:inline;
				width: 205px; /*225*/	
				height: 156px; /*256*/
				padding: 120px 0 0 20px; /* POUR IMG V1 : padding: 50px 0 0 20px */
				line-height:20px;
				text-transform:uppercase;
			}
											
				a.txt_boutique_gras{
					font-size: 1.4em;
					font-weight: bold;
					text-decoration: none;
					color:#FFFFFF;
				}
				
				a.txt_boutique{
					font-size: 1.4em;
					font-weight: bold;
					color:#4b3390;
				}
			
			#bloc_promo-collection{
				float:left;
				display:inline;
				width: 950px;
				height: 225px;/*250*/
				margin: 5px 0 15px 12px;
			}
			
				#description_promo{
					background-color:#EDF1F3;
					float:left;
					display:inline;
					width: 628px;
					height: 223px;/*248*/
					border: #c5c5d2 solid 1px;
				}
				
					#description_promo h1{
						font-size: 2.3em;
						font-weight: bold;
						color:#4b3390;
						margin: 10px;
					}
					
					#description_promo p{
						font-size: 1.4em;
						color:#4b3390;
						line-height:22px;
						margin: 10px 10px 10px 10px;
					}
					
				#bloc_promo{
					float:left;
					display:inline;
					width: 308px;
					height: 223px;/*248*/
					margin-left: 10px;
					
				}
					#bloc_promo img{	
						width: 308px;
						height: 70px;
						margin-bottom: 8px;
					}
				
					/*#bloc_promo p{
						font-size: 1.3em;
						color:#4b3390;
						margin: 12px 10px 10px 10px;
					}	*/
					
			#bloc_collection{
				background-color: #FFF;
				float: left;
				display: inline;
				width: 960px;
				height:auto;
				margin:0 0 0 12px;
			}

				.book{
					float:left;
					display:inline;
					background-color:#fff;
					width: 308px; /*310*/
					height: 328px; /*330*/
					margin: 0 10px 15px 0;
					border: #c5c5d2 solid 1px;
				}

				.visuel_book{
					float:left;
					display:inline;
					width:308px; /*310*/
					height:190px;
				}
					
					.couv_book{
						float:left;
						display:inline;
						width:170px;
						height:170px;
						padding:0;
						margin: 10px 0 10px 10px;
						text-align: center;
					}
	
					.niveau_book{
						background-image: url(../images/boutique-fond-age.jpg);
						float: left;
						display: inline;
						width: 106px;
						height: 40px;
						margin: 10px 0 2px 10px;
						padding: 0;
						line-height:37px;
						text-align: center;
						font-size: 1.4em;
						font-weight: bold;
						color:#000000;	
					}
						
					.niveau_book_classe{
						background-image: url(../images/boutique-fond-age.jpg);
						float: left;
						display: inline;
						width: 106px;
						height: 40px;
						margin: 10px 0 2px 10px;
						padding:0;
						line-height:37px;
						text-align: center;
						font-size: 1.1em;
						font-weight: bold;
						color:#000000;	
					}

					.prix{
						background-image:url(../images/boutique-fond-age.jpg);
						float: left;
						display: inline;
						width: 106px;
						height: 40px;
						margin: 2px 0 2px 10px;
						padding:0;
						line-height:37px;
						text-align: center;
						font-size: 18px;
						font-weight: bold;
						color:#8c8ca8;
					}

					.bt_ajouter{
						float: left;
						display: inline;
						width: 106px;
						height: 39px;
						margin: 2px 0 2px 10px;
						padding:0;
					}
						
						.bt_ajouter a{
							color:#201c41;
							font-size: 1.2em;
							font-weight: bold;
						}
												
					.statut_indisponible{
						background-image: url(../images/boutique-fond-age.jpg);
						float: left;
						display: inline;
						width: 102px; /*106*/
						height: 30px; /*40*/
						margin: 2px 0 2px 10px;
						padding: 5px 2px 5px 2px;
						text-align: center;
						text-transform:uppercase;
						font-size: 1.2em;
						font-weight: bold;
						color: #f84200;	
					}
					
					.bt_feuilleter{
						float: left;
						display: inline;
						width: 106px;
						height: 39px;
						margin: 2px 0 2px 10px;
						padding:0;
					}
					
						.bt_feuilleter a{
							color:#201c41;
							font-size: 1.2em;
							font-weight: bold;
						}		
								
						.infos_book{
							float: left;
							display: inline;
							width: 288px; /*318*/
							height: 145px;
							padding: 0 10px 0 10px;
						}
						
							.nouveau{
								float: left;
								display: inline;
								width: 32px;
								height: 35px;
								border: none;
								margin-right:5px;
							}
							
							.titre_book{
								height: 35px;
								color:#ff2a00;
								font-size: 1.4em;
								font-weight: bold;
							}
							
								.titre_book a{
									color:#ff2a00;
									font-size: 1.4em;
									font-weight: bold;
								}	

							.presentation_produit{
								float: left;
								display: inline;
								width: 288px;
								height: 110px;
								font-size: 1.2em;
								color:#8c8ca8;															
								text-align: left;
							}

		
/*
.age_book{}	
.nouveau{}
.auteurs_book{}
.niveau_book{}
.parution{}
.sous-titre_book
*/