/*******************************************/
/* CSS Boutique / Collection PETIT NATHAN  */
/* 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: 256px;
			margin: 5px 0 10px 6px;
		}
							
			#menu_categorie{			
				float:left;
				display:inline;
				width: 205px; /*225*/	
				height: 156px; /*256*/
				padding: 100px 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: 184px;
				margin: 5px 0 15px 12px;
			}
			
				#description_promo{
					background-color:#EDF1F3;
					float:left;
					display:inline;
					width: 628px;
					height: 182px;
					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-concours{
					background-image: url(../images/concours.jpg);
					float:left;
					display:inline;
					width: 950px;
					height: 184px;
					margin: 0 0 15px 12px;
				}
				
					#bloc_promo-concours .lien-concours{
						float:left; 
						display:inline;
						background: transparent;
						width:790px; 
						height:184px;
						cursor:pointer;
					}
					
					#bloc_promo-concours .lien-weleda{
						float:left; 
						display:inline; 
						background: transparent; 
						width:160px; 
						height:184px;
					}
					
				#bloc_promo{
					background-color: #cde8e6;
					float:left;
					display:inline;
					width: 308px;
					height: 182px;
					border: #cde8e6 solid 1px;
					margin-left: 10px;
				}
				
					#bloc_promo img{	
						float:left;
						display:inline;
						width: 80px;
						height: 100px;
						margin: 10px 10px 5px 10px;
					}
				
					#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.1em;
						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;
							}

	/* Bloc GAN */
/**************************************************************/
			#bloc_gan{
				float: left;
				display: inline;
				width: 949px;
				height: 111px;
				margin: 0 0 0 18px;
				color:#4b3390;
				font-size: 1.2em;
				color:#FEB4C6;
				font-weight:bold;
			}
			
				.bloc_haut_gan{
					float: left;
					display: inline;
					background-image:url(../images/bloc_haut_gan.jpg);
					width: 949px;
					height: 48px;
				}
				
				.bloc_haut_gan img{
					float: left;
					display: inline;
					width: 186px;
					height: 48px;
				}
				
					.bloc_haut_gan p{
					float: right;
					display: inline;
					margin: 20px 430px 0 0;
				}	
				
				.bloc_milieu_gan_col1{
					background-color:#ff0040;
					float: left;
					display: inline;
					width: 300px; /*315*/
					height:auto;
					border-right: #feb4c6 solid 2px;
					padding-left: 15px;
				}
				
				.bloc_milieu_gan_col2{
					background-color:#ff0040;
					float: left;
					display: inline;
					width: 300px; /*315*/
					height:auto;
					border-right: #feb4c6 solid 2px;
					padding-left: 15px;
				}
				
				.bloc_milieu_gan_col3{
					background-color:#ff0040;
					float: left;
					display: inline;
					width: 300px; /*315*/
					height:auto;
					padding-left: 15px;
				}
				
			.bloc_milieu_gan_col1 a, .bloc_milieu_gan_col2 a, .bloc_milieu_gan_col3 a{
				color:#FFFFFF;
				font-weight:bold;
			}
		
			.bloc_milieu_gan_col1 a:hover, .bloc_milieu_gan_col2 a:hover, .bloc_milieu_gan_col3 a:hover{
				color:#FFFFFF;
				font-weight:bold;
				text-decoration:underline;
			}				
				
	
				.bloc_bas_gan{}
									
/*
.age_book{}	
.nouveau{}
.auteurs_book{}
.niveau_book{}
.parution{}
.sous-titre_book
*/