BODY, TD {
  font-family: lucida sans, arial; font-size: 11px; color: #442200
}

.bigTitle { font-weight: bold; color: #636365; font-size:12 }
.hugeTitle { font-weight: bold; color: #636365; font-size:16 }
.darkTitle { font-weight: bold; color: #515356; font-size:12 }
.title { font-weight: bold; color: #636365; font-size:11 }
.menuTitle { font-weight: bold; color: #636365; font-size:10 }
.selectedTitle { font-weight: bold; color: #AA4E0F; font-size:11 }
.info { color: 6D6D6d }
.color1 { color: 00A0D2 }
.color2 { color: 84B818 }
.color11 { color: DB7B03 }


.formElement { border: solid 1px #CBCAC4; font-family: lucida sans; arial; helvetica }
.formLabel { font-size:13px; text-align:right; padding-right: 20px }
.wide { width:240px }
.login {padding:0px; border-width: 2px; width: 214 }
.small { line-height:100%; font-size:10px; padding-right: 4px }
.narrowElement { width: 112px; font-size:10px; }

.red { color: #FF0000 }
h2 { color: #84B818; }
A {
  text-decoration: none; color: #666666
}

A:Hover {
  color: #00A0D2
}

#substitution {visibility: hidden; 
       position:absolute; 
       background-color: #FFFFFF; 
       width: auto;
       height: auto; 
       float:left; border: 1px solid #000000}
#productCard {visibility: hidden; 
       position:absolute; 
       background-color: #FFFFFF; 
       width: auto;
       height: auto; 
       float:left; border: 1px solid #000000}
.redLine { float:none; border-top: 1px dotted #DE9C08;}
.blackLine { float:none; border-top: 1px dotted #DDDDDD; line-height:10%}
.centerInput { text-align: center; font-size:10px }
.header { color: #DE9C08; font-size: 13px; font-weight:bold }
.compact { font-size:8px }
.sub { color: #777777; font-size:11px; text-align:center }
.left { float:left; width:160px; padding:0px }
.right { float: left; padding:0px }

.left div { height:38px; }
.right div {height:38px; }
.form { background:url(images/formBG) no-repeat;width:530; height:600; text-align:center; padding-top:20px; top:10px }
.invoices { background:url(images/invBG) no-repeat;width:530; height:226; text-align:center; padding-top:20px; top:10px }
.register { float: left; border: solid 1px #CBCAC4; background-color: #F8F8F6; padding: 10px; width:400px; position: relative; left:52px }
.right select {width:200px; height:23px;}
.right input {width:200px; height:23px }
.right .last input { width:100px }
h2 { font-size:15px }
h3 { font-size:15px; color: DB7B03 }
.noBG { background: none }


/************* achat imprime / electornique *****************/
.achat { margin-top:10px;  }
.achat .book_imprime, .book_electronique , .produit { border:1px solid #00A0D2; margin-bottom:10px; border-top:none; float:left;  }
 .book_imprime div,  .book_electronique div,  .produit div {  padding:0px 7px 5px;  display:inline-block; width:192px;}	
.achat .book_imprime div:first-child, .achat .book_electronique div:first-child , .achat .produit div:first-child, .achat .produit div.titre, .achat .book_imprime div.titre, .achat .book_electronique div.titre { background:url(http://www.librairiemosaique.com/glass.php?w=250&h=36&c=00A0D2) -1px 0; margin:0; margin-bottom:7px; padding-bottom:0; padding-left:5px; width:196px;    }	

.achat .titre span { display:block; width:121px; height:36px; line-height:35px; margin:0;font-size:12px; font-weight:bold; color:#FFFFFF;   padding:0 0 0 36px;  }
.achat .book_imprime .titre span 	  {  background:url(/images/8p/book.png) no-repeat -2px center;  }
.achat .book_electronique .titre span {  background:url(/images/8p/electronique.png) no-repeat -2px center; }	
.achat .produit .titre span {  background:url(/images/8p/info.png) no-repeat -2px center; }	

.achat .option{ height:18px; }
.option label { float:left;  }
.achat  select { float:right; font-size:11px; }
.achat .dispo  { float:left; }
.achat .dispo  .type { float:left; }
.achat .dispo .etat , .achat .prix .amount { float:right;  }	
.achat .prix  { }	
.achat .prix  .type { float:left; }

.achat .ajouter { border-top:1px dotted #442200; padding-top:2px; }
.achat .ajouter a    { background:url("http://www.librairiemosaique.com/images/basket.php?d=1") no-repeat ; display:block; height:25px; padding-left:38px; }
.achat .ajouter span { color:#00A0D2; font-size:11px; font-weight:bold; height:25px; line-height:28px;}	

.lecture { margin:7px 0; float:left;  border-top:1px dotted #442200; padding-top:7px; width:100%; }
.lecture .flipbook-text, .lecture .extrait    { float:right; margin-left:20px; white-space: nowrap; }
.lecture .flipbook-text a      { background:url(/images/8p/book_open.png) no-repeat; padding-left:20px;  height:16px; float:left; text-indent: 0px;}
.lecture .extrait a      { background:url(/images/8p/pdf.png) no-repeat;  padding-left:20px; height:16px; float:left; }
.lecture .extrait a span, .flipbook-text a span { color:#00A0D2; font-weight:bold; line-height:15px; }

.format input { margin:0; padding:0; width:18px; float:left;  }
.format .pdf { float:left; background:url(/images/8p/pdf.png) no-repeat; padding-left:20px; height:17px; }
.format .epub { float:left; background:url(/images/8p/epub_icon.jpg) no-repeat 1px 0; padding-left:20px; height:15px;}
.format .amount { float:right; }


div.alert {
background-color:#FFFFCC;
border:1px solid #666666;
color:#333333;
padding: 4px;
margin: 0px 0px 4px 0px;
}


.book_electronique { /*display: none;*/ }
table.fam_200 { display: none; }

span.compatible b { font-size: 10px; font-weight: normal; color: #666666; }
span.compatible { font-size: 10px; font-weight: normal; color: #666666; }



/*prologue start*/

#ebook_browsing { float: right; }
/*
 * BROWSING WIDGET
 */
#ebook_browsing .browsing_unavailable {
	font-weight: bold;
	text-align: left;
}
#ebook_browsing .browsing_button_blue a {
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/bouton_Feuilletage_bleu.png) left top;
	color : #4a4a4a;
}
#ebook_browsing .browsing_button_blue a span {
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/icone_Feuilletage_bleu.png) right top no-repeat;
}
#ebook_browsing .browsing_button_red a {
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/bouton_Feuilletage_rouge.png) left top;
	color : #4a4a4a;
}
#ebook_browsing .browsing_button_red a span {
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/icone_Feuilletage_rouge.png) right top no-repeat;
}
#ebook_browsing .browsing_button_grey a {
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/bouton_Feuilletage_gris.png) left top;
	color : #4a4a4a;
}
#ebook_browsing .browsing_button_grey a span {
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/icone_Feuilletage_gris.png) right top no-repeat;
}
#ebook_browsing .browsing_button_disabled div{
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/bouton_Feuilletage_desactive.png) left top;
	color : #A0A0A0;
}
#ebook_browsing .browsing_button_disabled div span {
	background: url(https://entrepot.prologuenumerique.ca/widget/gx/Boutons/icone_Feuilletage_desactive.png) right top no-repeat;
}
#ebook_browsing a, #ebook_browsing div {
	display: block;
	font-family: Arial;
	font-size: 12px;
	height: 23px;
	padding: 7px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 210px;
}
#ebook_browsing a span, #ebook_browsing div span {
	padding: 0 30px 0 0;
}

/*prologue end*/