/* CSS Demande de spécimens */

html {
	font-size: 100%;
}
body {
	/*background-image: url(../img/img_nav1024/genFondPage.gif);*/
	margin: 0; /* pour éviter les marges */
	/* width: 1000px; */
}
#site{
	float: left;
	background-image: url(../img/css2008/bg_menu.gif);
		background-position: 0 0;
		background-repeat:repeat-y;
		background-color:transparent;
		/*background-color: #33CCCC;*/
		width: 984px;
	height: auto;
	text-align: left;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#menu{
	float: left;
	background-color:#FAFAFA;
	background-image: url(../img/css2008/bg_menu.gif);
	margin: 0;
	width: 167px;
	/*height: 600px;*/
}


	/* BLOC DE MENU GAUCHE ----------------- */
	#menuG{
		margin: 0 1px 0 0;
	}
		#menuTitre{
			margin: 0;
			padding: 10px 0 10px 10px;
			border-bottom:1px solid #D6D6D6;
		}
		#menuTitre H1{
			margin:0;
			padding:0;
			font-size:16px;
			font-weight:bold;
		}
		#menuTitre a{
			color:#0099cc;
			text-decoration:none;
		}
		#menuTitre a:hover{
			color:#0099cc;
			text-decoration:underline;
		}
		
		#menu ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			
		}
		.niveau{
			margin: 0;
			padding: 6px 0 7px 10px;
			font-size:12px;
			color:#999999;
			border-top:1px solid #FFFFFF;
			border-bottom:1px solid #D6D6D6;			
		}
		.niveau a {
			color:#999999;
			text-decoration:none;
		}
		.niveau a:hover {
			color:#999999;
			text-decoration:underline;
		}
		.sous_niveau {
			margin: 0;
			padding: 6px 0 7px 20px;
			font-size:12px;
			color:#000000;
		}
		.sous_niveau a {
			background: url(../img/css2008/puce_grise.gif) top left no-repeat;
			padding-left: 10px;
			color:#999999;
			text-decoration:none;
		}
		.sous_niveau a:hover {
			color:#999999;
			text-decoration:underline;
		}
		#menuRetour{
			margin: 0;
			padding: 6px 0 7px 10px;
			font:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#777777;
			background:url(../img/css2008/bg_menu_retour.gif);
			background-color:#EDEDED;
			border-top:1px solid #FFFFFF;
			border-bottom:1px solid #D6D6D6;
		}
		#menuRetour a {
			color:#777777;
			text-decoration:none;
		}
		#menuRetour a:hover {
			text-decoration:underline;
		}




	#contenu{
		/*background-color:#CCCCFF;*/
		float: left;
		width: 580px; /* 600 */
		padding-left: 20px;
		padding-top: 10px;
	}
		#fil_ariane{
			float: left;
			padding: 0px 0px 5px 0px;
			width: 100%;
			color: #999999;
		}
			#fil_ariane a, #fil_ariane a:visited{
				color: #999999;
				text-decoration: none;
				font-weight: normal;
				font-size: 1em;
			}
			#fil_ariane a:hover{
				text-decoration: underline;
				font-weight: normal;
				font-size: 1em;
			}
		#titre_page{
			float: left;
			height: 29px;
			width: 100%;
			color: #0099cc;
			font-size: 2em;
			font-weight: bold;
		}
		#accroche_page{
			float:left;
			width: 100%;
			height: 91px; /* 101 */
			padding-top: 10px;
			color: #666666;
			font-size: 1.5em;
			font-weight: bold;
		}
		#bloc_etapes{
			float:left;
			width: 100%;
			height: 60px; /* 60 */
			margin-top: 20px;
			color: #666666;
			font-size: 1.5em;
			font-weight: bold;			
		}
		#liste_collections_home{
			float:left;
			width: 100%;
			height: 210px; /* pour que le footer en soit pas collé */
			margin-top: 30px;
			color: #666666;
			font-size: 1.1em;
			font-weight: normal;						
		}
		#liste_collections{
			float:left;
			width: 100%;
			height: auto; /* 60 */
			color: #666666;
			font-size: 1.1em;
			font-weight: normal;						
		}
			#message_erreur{
				/*background-color:#00CCFF;*/
				height: 110px; /* 140 */
				padding-top: 30px;
				color: #ff6600;
			}
			#message_erreur a{
				color: #ff6600;
				text-decoration: underline;	
				font-weight: normal;			
				font-size: 1em;
			}			
			#message_erreur a:hover{
				color: #ff6600;
				text-decoration: underline;	
				font-weight: normal;			
				font-size: 1em;
			}		
			#confirmation_ajout_spe{
				padding-top: 30px;
				color: #ff6600;
			}
			#confirmation_ajout_spe a, #confirmation_ajout_spe a:hover, #confirmation_ajout_spe a:visited {
				text-decoration: underline;				
				color: #ff6600;
			}
			.titre_collection{
				background: #FFFFFF url(../webapps/bibliospe/img/bg_titre_coll.gif) repeat-x  bottom left;
				width: 570px;
				/*height: 35px;*/
				padding: 30px 0px 10px 10px;
				font-size: 1.4em;
				color: #0099cc;
			}
			.titre_collection_vide{
				background-image: url(../webapps/bibliospe/img/bg_titre_coll.gif);
				background-position: bottom left;
				background-repeat: repeat-x;
				background-color: #FFFFFF;
				width: 570px;
				height: 40px;
				padding: 0px 0px 0px 10px;
			}
			.ebook{
				background-color:#fbf9f4;
				width: 100%;
				padding: 10px 0px 5px 0px;
				border-bottom: 1px solid #e3dac7;
			}
				.visuel_ebook{
					float: left;
					display: inline;
					width: 60px; /* 44 */
					height: 60px; /* 60 */
					padding: 0px 0px 5px 13px;
				}
				.visuel_ebook img{
					width: 44px;
					height: 60px;
					border: 1px solid #e3dac7;
				}
				.titre_ebook{
					/*background-color: #33CCFF;*/
					float: left;
					display: inline;
					width: 495px;
					height: 20px;
					padding: 5px 10px 10px 0px;
				}
				.titre_ebook a, .titre_ebook a:hover, .titre_ebook a:visited{
					/*background-color: #33CCFF;*/
					font-size: 1em;
					font-weight: bold;
					color: #777777;
				}
				.ajout_compte{
					float: left;
					display: inline;
					background-image: url(../webapps/bibliospe/img/picto_ajouter_compte.gif);
					background-position: top left;
					background-repeat: no-repeat;
					width: 200px;
					height: 25px;
					padding: 4px 0px 0px 22px;
				}
				.ajout_compte a, .ajout_compte a:hover, .ajout_compte a:visited{
					color: #ff9700;
					font-weight: normal;
					text-decoration: underline;
					font-size: 1em;
				}
				.fiche_produit{
					float: left;
					display: inline;
					width: 170px;
					height: 25px;
					padding: 2px 0px 0px 0px;
				}
				.fiche_produit a, .fiche_produit a:hover, .fiche_produit a:visited{
					color: #ff9700;
					font-weight: normal;
					text-decoration: underline;
					font-size: 1em;
				}
				.offre_prescripteur a, .offre_prescripteur a:hover, .offre_prescripteur a:visited{
					float: right;
					display: inline;
					background-image: url(../webapps/bibliospe/img/bt_offre_prescripteur.gif);
					background-position: top left;
					background-repeat: no-repeat;
					width: 180px; /* 180 */
					height: 18px; /* 22 */
					padding: 4px 0px 0px 25px;
				}
				.offre_prescripteur a, .offre_prescripteur a:hover, .offre_prescripteur a:visited{
					font-size: 0.9em;
					font-weight: bold;
					color: #FFFFFF;
					text-decoration: none;
				}
				.texte_alternatif{
					display: block;
					width: 570px;
					color: #ff6600;
					text-align:left;
					padding-left: 10px;
					padding-bottom: 15px;
				}
					.texte_alternatif span{
						background: transparent url(../webapps/bibliospe/img/puce_grise.gif) top left no-repeat;
						padding: 0 0 0 10px;
						color: #888888;
						margin: 3px 0 0 0;
					}

	#bloc_identification{
		/*background-color:#FF9900;*/
		float: left;
		margin-left: 10px;
		width: 205px; /* 215 */
		padding-top: 10px;
		/*height: 100px;*/
	}
	
	#bloc_spedde{
		/*background-color:#FF9900;*/
		float: left;
		background-image: url(../webapps/bibliospe/img/boite_spedde_bas.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		margin-left: 10px;
		margin-top: 20px;
		padding-bottom: 12px;
		width: 205px; /* 215 */
		/*height: 245px;*/
	}	
		#couvs_spedde{
			background-image:url(../webapps/bibliospe/img/boite_spedde_haut.gif);
			background-position: top left;
			background-repeat: no-repeat;
			width: 170px; /* 200 */
			height: 113px; /* 123 */
			padding: 10px 15px 0px 15px;
		}
		#contenu_spedde{
			background-image:url(../webapps/bibliospe/img/boite_spedde_contenu.gif);
			background-position: top left;
			background-repeat: no-repeat;
			float: left;
			width: 175px; /* 205 */
			height: 110px;
			padding: 0px 15px 0px 15px;
		}
			#titre_spedde{
				color: #FFFFFF;
				font-size: 1.2em;
				font-weight: bold;
			}
			#texte_spedde{
				color: #76d5f5;
				padding-top: 5px;
			}
			#bt_beneficier_offre{
				background-image:url(../webapps/bibliospe/img/bt_beneficier_offre.gif);
				background-position: top left;
				background-repeat: no-repeat;
				width: 150px; /* 175 */
				height: 17px; /* 22 */
				margin-top: 6px;
				padding: 5px 0px 0px 25px;
			}
			#bt_beneficier_offre a, #bt_beneficier_offre a:hover, #bt_beneficier_offre a:visited{
				color: #FFFFFF;
				font-weight: bold;
				font-size: 0.9em;
				text-decoration: none;
			}