body {
}
#header {
	height: 90px;
	background-image: url(images/base/head.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: center;
}
#conteneur {
	position: relative;
	width: 972px;
	background-image: url(images/base/foot.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 696px;
}
#conteneurPrint {
	position: relative;
	width: 972px;
	height: 696px;
}

#centre 
{
	margin-left: 280px;
	height: 555px;
	width: auto;
}
#pub1 {
	height: 370px;
	width: 173px;
	background-color: #99FF33;
	border: 1px solid #000000;
	left: 240px;
	position: absolute;
	float: left;
	z-index: 1;
}
#pub2 {
	height: 370px;
	width: 173px;
	background-color: #99FF33;
	border: 1px solid #000000;
	z-index: 100;
	left: 240px;
}
#pub3 {
	height: 370px;
	width: 173px;
	background-color: #99FF33;
	border: 1px solid #000000;
	z-index: 100;
	left: 240px;
}
#nav2 {
	width: 502px;
	height: 25px;
	background-image: url(images/base/nav.gif);
	top: 90px;
	left: 278px;
	margin: auto; padding: 0;
	position: absolute;
}
#nav2 li {
margin: 0; padding: 0; list-style: none; position: absolute; top: 0;
}
#nav2 li, #nav2 a {
height: 25px; display: block;
}
#panel1b {
left: 0; width: 280px;
}
#panel2b {
left: 280px; width: 126px;
}
#panel3b {
left: 406px; width: 96px;
}
#panel1b a:hover {
background: transparent url(images/base/nav.gif) no-repeat 0px -25px; 
}
#panel2b a:hover {
background: transparent url(images/base/nav.gif) no-repeat -280px -25px; 
}
#panel3b a:hover {
background: transparent url(images/base/nav.gif) no-repeat -406px -25px; 
}
#frame {
	height: 488px;
	width: 672px;
	overflow: auto;
	margin-left: 20px;
}
#frameListeDeCommande
{
    height: 455px;
	width: 672px;
	overflow: auto;
	margin-left: 20px;
}
#accueil {
	position: absolute;
	width: 181px;
	z-index: 100;
	left: 26px;
	top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
}
#logo1 {
	position: absolute;
	width: 192px;
	left: 780px;
	top: 0px;
	height: 55px;
	background-color: #fff;
}
#logo2 {
	position: absolute;
	width: 192px;
	left: 780px;
	top: 55px;
}
#liste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	top: 432px;
	position: absolute;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 252px;
	height: 60px;
	text-indent: 10px;
	color: #000000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;

	vertical-align: text-bottom;
	line-height: 50px;
	left: 26px;

}
#recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	top: 540px;
	position: absolute;
	width: 178px;
	height: 60px;
	color: #000000;
	left: 36px;
}
#pied 
{
	height: 39px;
}
#copyright
{
	float: right;
	font-size: 11px;
	color: #666;
}

#piedcv
{
	height: 70px;
	margin-left: 300px;
	position: absolute;
	top: 580px;
}

#conditionsvente
{
	font-size: 11px;
	color: #666;
	width: 670px;
}

#nav {
	float: left;
	width: 250px;
}

.menugauche 
{
	position: absolute;
	padding-top: 100px;
	list-style-type: none;
}

.menugauche a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

.menugauche a:hover {
	text-decoration: underline;
}
p {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
a {
	color: #666666;
}
a img {
border: none;
}

/* couleurs rubriques */
.edition {
	color: #cc0066;
}
.droit {
	color: #666699;
}
.jeunesse {
	color: #ff9900;
}
.imprimerie {
	color: #66ccff;
}
.documentation {
	color: #0066cc;
}
.bibliotheque {
	color: #996699;
}
.beauxlivres {
	color: #009933;
}
.histoire {
	color: #ffcc00;
}
.bulletin {
	color: #006600;
}
.pratiquesedit {
	color: #EE82EE;
}
.toutes {
	color: #999999;
}
.accroche {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 20px;
}
.intro {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.titre_collection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: top;
}

.cat_collection 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: 20px 10px;
}
.cat_edition {
	background-image: url(images/edition/form_edition.gif);
}
.cat_droit {
	background-image: url(images/droit/form_droit.gif);
}
.cat_jeunesse {
	background-image: url(images/jeunesse/form_jeune.gif);
}
.cat_imprimerie {
	background-image: url(images/imprimerie/form_imprim.gif);
}
.cat_documentation {
	background-image: url(images/documentation/form_docu.gif);
}
.cat_bibliotheque {
	background-image: url(images/bibliotheque/form_biblio.gif);
}
.cat_beauxlivres {
	background-image: url(images/beauxlivres/form_bolivres.gif);
}
.cat_histoire {
	background-image: url(images/histoire/form_histoire.gif);
}
.cat_pratiquesedit {
	background-image: url(images/pratiquesedit/form_pratiquesedit.gif);
}
.cat_bulletin {
	background-image: url(images/bulletin/form_bulletin.gif);
	background-position: 20px 50px;
}


.imageSpan
{
	float: left;
	border: #ddd 1px solid;
	padding: 4px;
	margin-right: 2px;
	background-color: #fff;
}

.feuilleterSpan
{
	float: left;
	padding: 2px;
	margin-bottom: 5px;
}

.livre1 {
	/*position: relative;
	left: 30px;
	top: 0px;*/
	float: left;
	padding-left: 40px;
	width: 125px;
	padding-right: 20px;
	display: inline;
}
.livre2 {
	/*position: relative;
	left: 180px;
	top: -150px;*/
	float: left;
	width: 125px;
	padding-right: 20px;
	display: inline;
}
.livre3 {
	/*position: absolute;
	left: 545px;
	top: 145px;*/
	float: left;
	width: 125px;
	padding-right: 20px;
	display: inline;
}
.livre4 {
	/*position: absolute;
	width: 120px;
	left: 675px;
	top: 145px;*/
	float: left;
	width: 125px;
	display: inline;
}
.clearBoth 
{
	height: auto;
	clear: both;
}
.texte_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.texte {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 8px;
}

.userInfo .texte
{	
	line-height:normal;
}

#trait {
	background-image: url(images/edition/trait_edition.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 400px;
	width: 10px;
	top: 148px;
}
.table-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #cc0066;
	font-weight: bold;
	vertical-align: top;
}
.table-entete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	text-decoration: underline;
}

.table-entetedroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	text-align: right;
}
.table-lien {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	line-height: 16px;
}
.table-ligne {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	vertical-align: top;
}
.table-form {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	vertical-align: top;
}

.texte_gras_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-transform: none;
	color: #000000;
	font-weight: bold;
	vertical-align: top;
}

.texte_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-transform: none;
	color: #000000;
	font-weight: normal;
}

.table_catalogue 
{
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color: #000;
}

.table_catalogue .table-titre_catalogue 
{	
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	border-bottom: solid 2px #999999;
}
.table-titre_catalogue a
{
	color: #000;
}

.table_catalogue .table-entete_catalogue {
	font-size: 12px;
	vertical-align: top;
	font-weight: bold;
}

.table_catalogue .table-tete_catalogue {
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	border-right: solid 1px #fff;
	padding: 5px;
}

.table-tete_catalogue a 
{
	color: #fff;
	text-decoration: none;
}

.table_catalogue .table-entetedroit_catalogue {
	vertical-align: top;
	font-weight: bold;
	/*color: #cc0066;
	text-decoration: underline;*/
}

.table-entetedroit_catalogue a
{
	color: #000;
	/*text-decoration: none;*/
}

.table_catalogue .table-ligne_catalogue {
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 2px #999999;
	vertical-align: top;
}
.table_catalogue .table-form_catalogue 
{
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 2px #999999;
}
.table-form_catalogue form
{
	padding:0;
	margin: 0;
}

.table_catalogue .sup {
	color : #CC0000;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
.table_catalogue .table-droite {
	font-weight: bold;
	text-align: right;
}

.bgedition {
	background-color: #cc0066;
}
.bgdroit {
	background-color: #666699;
}
.bgjeunesse {
	background-color: #ff9900;
}
.bgimprimerie {
	background-color: #66ccff;
}
.bgdocumentation {
	background-color: #0066cc;
}
.bgbibliotheque {
	background-color: #996699;
}
.bgbeauxlivres {
	background-color: #009933;
}
.bghistoire {
	background-color: #ffcc00;
}
.bgpratiquesedit {
	background-color: #EE82EE;
}
.chapo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-transform: none;
	font-weight: normal;
	color: #000000;
}

#navconteneur ul
{
	padding-left: 0;
	margin-left: 0;
	color: #FFFFFF;
	float: left;
	width: 520px;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	
}

#navconteneur ul li { display: inline; }

#navconteneur ul li a
{
	padding: 0.2em 1em;
	background-color: #999999;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	width: 138px;
	height: 15px;
	text-align: center;
}

#navconteneur ul li a:hover
{
	background-color: #CCCCCC;
	color: #000000;
}

.underline {
	border-bottom: solid 1px #000;
}

.table-tete
{
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight: bold;	
}

.recalculate
{
	cursor: pointer;
}

/** ADMIN CSS **/


.leftTab
{
	background: url('images/base/leftTab.gif');
	height: 23px;
	width: 5px
}

.rightTab
{
	background: url('images/base/rightTab.gif');
	height: 23px;
	width: 5px
}

.bgTab
{
	background: url('images/base/bgTab.gif');
}

.bgNoTab
{
	border-bottom: #8CB5E7 1px solid;
}

.tabHeading
{
	text-decoration: none;
}

.bgTab .tabHeading 
{
	font-weight: bold;
}

.errorMsg
{
	font-weight: bold;
	color: red;
	font-size: 12px;
}

.errorMsg a
{
	color: red;
}