/* CSS Document */

body {
/*	background-image: url(../Image/fond_gris.gif);*/
	background-color:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
}
p, span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin:0;

}
u {
	text-decoration:none;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.textemenugras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.chapo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: lighter;
	color: #767623;
}
.soustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #767623;
}


.texteblancpetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.titre_selection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.titre_ouvrage {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
.prix_selection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
h1 { /*cette balise est utilisé pour les titres générés par l'appli dans les sommaires. elle permet de reduire la taille de la police*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
h2 {	/*cette balise est utilisée pour les titres de la fiche du livre souligné" couleur or */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #767623;
	text-transform: uppercase;
	BORDER-BOTTOM: #767623 2px solid;
	margin-bottom:10px;
	margin-top:0px;
	padding:0px;
}
h3 {	/*cette balise est utilisée pour les titres sur la page ou se trouve tous les livres électroniques*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding: 1px 0px 1px 5px;
	display:block;
	border-left: 6px solid #e4312a;
	/*width:130px;*/
	color:#ffffff;
	background-color: #004b95;
}
h4 {	/*cette balise est utilisée pour les titres du catalogue, cuisine, restaurant, gestion,...*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #767623;
	text-transform: uppercase;
	BORDER-BOTTOM: #767623 2px solid;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
}
.titre_catalogue {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #767623;
	text-transform: uppercase;
	BORDER-BOTTOM: #767623 2px solid;
	margin-bottom:10px;
	margin-top:0px;
	padding:0px;	
}
.titre_catalogue_droit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	/*BORDER-BOTTOM: #767623 2px solid;*/
}
.titre_catalogue_droit_bord {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	BORDER-BOTTOM: #767623 2px solid;
}
.titre_etape {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
.textegras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.bordure_bas_catalogue {
	BORDER-BOTTOM: #999999 1px dashed;

}
.bordure_haut_catalogue {
	BORDER-TOP: #999999 1px dashed;
}


.titre_contact {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #767623;
	text-transform: uppercase;
	BORDER-BOTTOM: #767623 2px solid;
}
.chapo_contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
.ombre {
  float:left;
  clear:left;
  background: url(/new2_bpi/image/im_ombre.jpg) no-repeat bottom right;
  margin: 2px 0 5px 0px;
  padding: 7px;
  }
.texte_ouvrage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	padding: 2px;	
}
.titre_livre_elec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}
.tab_com {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color:#004b95;
	border-color:#004b95;
}
.tab_com_fond {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color:#e5edf4;
	border-top: #004b95 1px solid;
	border-right: #004b95 1px solid;
	border-left:  #004b95 1px solid;
}
.tab_com_fond2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color:#ffffff;
	border-bottom: #004b95 1px solid;
	border-right: #004b95 1px solid;
	border-left:  #004b95 1px solid;
}
.tab_com_fact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color:#e5edf4;
	border:#004b95 solid 1px;
}
.tab_com_fond_liv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color:#f1f1e5;
	border:#004b95 solid 1px;
}
.cadre_img {
	border-bottom: #626262 1px solid;
	border-right: #626262 1px solid;
	border-left:  #626262 1px solid;
	border-top:  #626262 1px solid;
}

.nouv{position:absolute; z-index:1; margin-left:1px;}


a.lien_catalogue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004b95;
	text-decoration: none;
}
a.lien_catalogue:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #e4312a;
	text-decoration: underline;
}
a.lien_auteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004b95;
	text-decoration: none;
}
a.lien_auteur:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e4312a;
	text-decoration: underline;
}
a.lien_selection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
a.lien_selection:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
a.texteblancpetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.texteblancpetit:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;	
}
a.lienrecapcom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.lienrecapcom:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004b95;
	text-decoration: none;
}
a.lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e4312a;
	text-decoration: underline;
}


a.survol_accueil { display: block; width: 57px; height:40px; background-image: url('../Image/bt_accueil_over.gif') } 
a.survol_accueil:hover { visibility: visible } 
a.survol_accueil:hover img { visibility: hidden } 

a.survol_catalogue { display: block; width: 149px; height:40px; background-image: url('../Image/bt_catalogue_over.gif') } 
a.survol_catalogue:hover { visibility: visible } 
a.survol_catalogue:hover img { visibility: hidden }

a.survol_contact { display: block; width: 58px; height:40px; background-image: url('../Image/bt_contact_over.gif') } 
a.survol_contact:hover { visibility: visible } 
a.survol_contact:hover img { visibility: hidden }

/* ancienne pagination
div#bt_page_chiffre {
	position: relative;
    height: auto;
    width: auto;
    left: 0px;
    top: 4px;
}
.numero_page {
    background-image:  url(../Image/im_page_nonactive.gif);
    background-repeat: no-repeat;
    display: block;
	background-position: center;
	height: 23px;
    width: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
a.im_numero_page {
	background-image: url('../Image/im_page_active.gif');
	background-repeat:no-repeat;
	display: block;
	background-position: center;
	height: 23px;
    width: 23px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004b95;
	text-decoration: none;
}
a.im_numero_page:hover {
	background-image: url('../Image/im_page_nonactive.gif');
	background-repeat:no-repeat;
	display: block;
	color: #000000;
}*/
/* survol des lignes non compatible IE
.post {
	padding: 0px;
	background-color:white;
	border:1px solid white;
}
.post:hover {
	background-color:#e0e9f2;
	border:1px solid #015481;
}
.separation {
	margin: 0px 0px 0px 0px;
	height: 1px;
	border: 0 none;
	width:560px;
	background: url('../Image/hr_gris.gif') repeat-x 0 0;
}*/
.lien_cadre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004b95;
	text-decoration: none;
	margin: 5px 0px 5px 0px;
	padding: 3px;
	border: 1px solid #626262 ;

}
.lien_cadre:hover {
	color: #000000;
	background-color: #e0e9f2;
	margin: 5px 0px 5px 0px;
	padding: 3px;
	border: 1px solid #626262 ;

}


.tabpag{font:8pt/2 verdana,Arial,sans-serif;padding:1px;background-color:#fff;color:#000;}

.pages a{border:1px solid #fff;text-decoration: none;color: #004b95;}
.pages a:hover{background-color:#e0e9f2;border-color:#b0c4de;}
.pages .current strong{background-color:#e0e9f2;border:1px solid #b0c4de;}
.pages .prev a{background:transparent url("/image/picto-prev.png") 0 50% no-repeat;}
.pages .prev a:hover{background-color:#e0e9f2;}
.pages .next a{background:transparent url("/image/picto-next.png") 100% 50% no-repeat;}
.pages .next a:hover{background-color:#e0e9f2;}

.pages{margin:0;float:center;}
.pages li{display:inline;margin:0 1px;}
.pages a{padding:1px 6px;height:0px}
.pages .current strong{padding:1px 6px;height:0px}
.pages .prev a{padding-left:15px;}
.pages .next a{padding-right:15px;}