/*********************************************/
/* CSS Boutique GAN		                 	 */
/* Créé le 10/11/2009
/*	Hélène Gonzalez-Quijano	- Amelie Lesvier */
/*********************************************/

html {
	font-size: 100%;
}
body {
	margin: 0; /* pour éviter les marges */
}
#global{
}
	#header{
	}
	
		/* Contenu principal */
	/**************************************************************/
	#main{
		float: left;
		display: inline;
	/*	background-image: url(../img/css2008/bg_menu.gif);
		background-position: -8px 0;
		background-repeat:repeat-y;
		background-color:transparent;*/
		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-top: 0px;
			margin-left: 5px;
			width: 600px;
			height:auto;
			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;
			}
			#mon_panier{
			float:right;
			margin-top: 0px;
			/*margin-right: 5px;*/
			width: 222px;
			height:auto;
			color: #000000;
			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: 10px 0 10px 5px;
			}
					
			#menu_interne{				
				float:left;
				display:inline;
				width: 962px;
				height: 256px;		
			}
							
				a.txt_boutique_gras{
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
					color:#000000;
				}
				
				a.txt_boutique{
						font-size: 14px;
						font-weight: bold;
						color:#ffffff;
				}
				
				.menu_age{
					margin: 20px 0 0 25px;
				}
				.menu_age2{
					margin: 20px 0 0 25px;
				}
				.menu_coupcoeur{
					margin: 38px 0 0 25px;
					font-size: 1.2em;
					color:#b6b5b5;
				}
				.menu_txt_referencement{
					margin: 70px 0 0 20px;
					width:194px;
					height:100px;
					font-size: 1.2em;
					color:#ffffff;
				}
				.menu_txt_referencement2{
					margin: 35px 0 0 20px;
					width:194px;
					height:50px;
					font-size: 1.2em;
					color:#ffffff;
				}
									
			.visuel_entete{
			background-color:#252244;
/*				background-image: url(images/header_noel2009.jpg) */
				float:left;
				display:inline;
				margin: 0 0 0 10px; 				
				width: 700px;
				height: 230px;
			}
				
			#bloc_collection{
			background-color: #fff;
				float: left;
				display: inline;
				width: 960px;
				height:auto;
				margin:0 0 0 5px;
			}

				.book{
					float:left;
					display:inline;
					background-color:#fff;
					width: 308px; /*310*/
					height: 328px; /*330*/
					margin: 0 10px 15px 0;
					border: #c5c5d2 solid 1px;
					
					/*border-bottom-style:solid;
					border-bottom-width: 1px;
					border-bottom-color: #c5c5d2;
					border-top-style:solid;
					border-top-width: 1px;
					border-top-color: #c5c5d2;
					border-left-style:solid;
					border-left-width: 1px;
					border-left-color: #c5c5d2;
					border-right-style:solid;
					border-right-width: 1px;
					border-right-color: #c5c5d2;*/


					/*border: 1px dotted red;*/
				}

				.visuel_book{
					/*background-color:#ffffff;*/
					float:left;
					display:inline;
					width:308px; /*310*/
					height:190px;
				}
								
				/*	.fond_couv{*/
						/*float: left;
						display:inline;*/
						/*background-color: #FFFFFF;*/
						/*width:190px;
						height:190px;
						margin: 10px 0 0 10px;*/
					/*}*/
					
					.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);*/
						background-image:url(../grandiravecnathan/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: 14px;
						font-weight: bold;
						color:#000000;
						
					}	
					.niveau_book_classe{
						/*background-image: url(images/boutique-fond-age.jpg);*/
						background-image:url(../grandiravecnathan/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: 11px;
						font-weight: bold;
						color:#000000;
						
					}

					
					.prix{
						background-image:url(../grandiravecnathan/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{
						/*background-image:url(../grandiravecnathan/images/boutique-bt-panier1.jpg);*/
						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(../grandiravecnathan/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{
						background-color: #ffffff;
							float: left;
							display: inline;
							width: 288px; /*290*/ /*310*/
							height: 130px;
							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;
								}
						
						
							
							/*.titre_book{
							background-color: #ffffff;
								float: left;
								display: inline;
								width:288px; 290
								height: 35px;
								text-align: left;
								color:#ff2a00;
								font-size: 14px;
								font-weight: bold;
							}*/
						/*	.accroche{
							background-color: #ffffff;
								float: left;
								display: inline;*/
							/*	width: 288px; 
								height: 30px;
								font-size: 12px;
								font-weight:bold;
								color:#7e7e83;															
								text-align: left;
							}*/

							.presentation_produit{
							background-color: #ffffff;
								float: left;
								display: inline;
								width: 288px; /*290*/
								height: 110px; /*80*/
								font-size: 12px;
								color:#8c8ca8;															
								text-align: left;
							}
							.indispo{						
								float: left;
								display: inline;
								width: 288px; /*290*/
								height: 110px; /*80*/
								font-size: 11px;
								font-style:italic;						
								color:#f84200;															
								text-align: left;
							}
									
/*
.age_book{}	
.nouveau{}
.auteurs_book{}
.niveau_book{}
.parution{}
.sous-titre_book
*/							
