/* CSS Document */

/* VISUELS COLONNE GAUCHE --------------------------------------------------------------------------------- */


/* visuel promo du mois --------------------------------------------------------------------------------- */
.box_promo_mois{ margin-bottom:20px;}
	.box_promo_mois	h3	{ 
		width:170px;height:23px; 
		background:url(../images/bg_onglets_g.png) no-repeat;
		margin:0;
		color:#fff;
		text-align:left;
		font-size:1.3em;
		padding:2px 0 0 10px;
}

/* visuel roman d'entreprise --------------------------------------------------------------------------------- */
.box_ro_entreprise{
	border:1px solid #d0bb99;
	border-top:none;
	text-align:left;
}
	.box_ro_entreprise p{margin:10px 10px 10px 10px; color:#521400;}
	h4.ro_entreprise	{
		width:180px;
		height:35px;
		background:url(../../images/coins_arrondis_g.png) no-repeat;
		margin:0;
		padding-top:5px;
		color:#bd2f00; 
		font-size:1em; 
		font-weight:bold;
}
	h4.ro_entreprise span{ font-size:1.5em;}
	
/* Navigation biblioth�que --------------------------------------------------------------------------------------------------------- */
.box_nav_bibli{ 
	padding:10px 10px 10px 10px;
	/*height:100px;*/
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #d0bb99;
	border-top:none;
	text-align:left;
}

.box_nav_bibli li {
  margin-bottom : 0px;
  border-bottom : 1px dashed #ccb591;
  padding       : 5px 5px 5px 5px;
  display       : block;
  height        : 20px;
}

.box_nav_bibli li.selected{ background:#F3EEE6;}


	h3.nav_bibli	{ 
		width:170px;height:23px; 
    background:url(../images/bg_onglets_g.png) no-repeat;
		margin:0 0 0 0;
		color:#fff;
		text-align:left;
		font-size:1.3em;
		padding:2px 0 0 10px;
}
.box_nav_bibli a:hover{ color:#521400;}
.suite{ margin:0 0 20px 5px;}

/* Mes scénarios --------------------------------------------------------------------------------------------------------- */
.box_scenario{ 
	padding:10px 10px 10px 10px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #d0bb99;
	border-top:none;
	text-align:left;
	overflow:auto;
	height:120px;
}
.box_scenario p {border-bottom:1px dashed #ccb591; margin-bottom:20px;}
.box_scenario li{ list-style:square outside; margin-left:10px; }
	h3.scenario	{ 
		width:170px;height:23px; 
    background:url(../images/bg_onglets_g.png) no-repeat;
		margin:0 0 0 0;
		color:#fff;
		text-align:left;
		font-size:1.3em;
		padding:2px 0 0 10px;
}

.suite{ margin:0 0 20px 5px;}

/* boutons validation --------------------------------------------------------------------------------- */
a.bouton_blog{ 
	display:block;
  background: url(../images/bg_bt_savoirplus.gif) repeat-x;
	width:110px;
	height:17px;
	border:1px solid #edc04c;
	text-align:center;
	text-decoration:none;
	color:#000;
	margin:0 auto;
}

a:hover.bouton_blog{ 
	color:#bd2f00;
	border:1px solid #bd2f00;
}
	
/* colonne centrale --------------------------------------------------------------------------------- */

#titre_rubrique{
	width:750px;
	height:110px;
	background:url(../../images/bg_titre_biblio.png) no-repeat;
	position:relative;
	right:0;
	top:-25px;
	text-align:left;
}
#fil_ariane{margin:5px 0 0 10px;}
#fil_ariane span {font-size:1em; font-weight:normal;}
#fil_ariane a{ font-size:1em !important;}

/* colonne centrale ---------------------------------- */

.commande{
	margin-bottom:0;
	text-align:left;
	width:740px;
	height:17px;
  background:url(../images/bg_onglets_bibli.png) no-repeat;
	color:#fff;
	font-size:1.2em;
	padding:2px 0 0 10px;
  line-height:1;
}

#cadre{margin-top:105px;}

/* bibliotheque ---------------------------------- */
.commande span{
	display:inline-block;
}
.commande_titre{ width:262px;}
.date_titre{width:143px;}
.photo{width:80px;}
.prix_titre{width:83px;}
.exemplaires_titre{width:182px;}

.box_commande{
	width:728px;
	max-height:325px; 
	padding:10px 10px 10px 10px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #d0bb99;
	border-top:none;
	overflow:auto;
	text-align:left;
	position:relative;
}

.box_commande > ul > li > h4 {
  margin : 5px 70px 0px 30px;
  padding-left  : 10px;
  color : #aaa;
}

.box_commande > ul {
  margin-left:0px;
}

.box_commande > ul ul.bibli-actions {
  display : inline-block;
  vertical-align:middle;
  zoom:1;
  ?display:inline;
}

.box_commande > ul ul.bibli-actions li {
  margin-top : 3px;
}

.box_commande > ul ul.options {
  list-style-image   : url(../../images/puce_plus.png);
  margin-left        : 30px;
  margin-top         : 3px;
  margin-right       : 10px;
  background-color   : #ddd;
  padding-top        : 0px;
  padding-bottom     : 0px;
  -moz-border-radius  : 5px;
  border-radius       : 5px;
  -icab-border-radius : 5px;
  -webkit-border-radius: 5px;
  -o-border-radius    : 5px;
  -khtml-border-radius: 5px;
}

.box_commande > ul ul.options li {
  border-bottom       : 1px dashed white;
  padding-bottom      : 5px;
  padding-top         : 5px;
}
.box_commande > ul .rangee_even ul.options li {
  border-bottom       : 1px dashed #f3eee6;
}
.box_commande > ul ul.options li:last-child {
  border-bottom       : none;
}

.rangee{border-bottom:1px solid #d0bb99;padding:10px 0 10px 0; }
.rangee_even{border-bottom:1px solid #d0bb99;padding:10px 0 10px 0; background:#f3eee6;}
.vignette{margin:0px 5px 0 5px; max-height:60px; max-width:50px; display:inline-block; vertical-align:middle;}
.vignette_option{margin:5px 10px 5px 5px; width:25px; display:inline-block; vertical-align:middle;}
.description{display:inline-block; width:285px; margin-right:10px; vertical-align:middle; }
.description span.multi_ligne{display:inline-block; vertical-align:middle; width : 215px;}
.description_option span.multi_ligne{
    display         : inline-block;
    width           : 140px;
    vertical-align  : middle;
    line-height     : 1.2em;
}

.description-panier {display:inline-block; width:255px; margin-right:10px; vertical-align:middle; }
.description-panier span.multi_ligne{display:inline-block; vertical-align:middle; width           : 185px;}


.titre{ 
  font-weight       : bold;
  font-size         : 1.2em;
}

span.ref {
  font-size         : 0.8em;
}
.description_option {
    display         : inline-block;
    width           : 220px;
    margin-left     : 0px;
    margin-right    : 15px;
}
.date{display:inline-block; width:90px; ?width:80px; vertical-align:middle; }
/*.photo_item{ display:inline-block; margin-right:55px; width:33px; height:40px;}
.photo_item ul li img{height : 40px}*/
ul.photo_items{
  vertical-align:middle;
  display:inline-block; width:80px;
  margin:5px;
  zoom:1;
  ?display:inline;
}
ul.photo_items img {
  width:60px;
}
.box_commande span.quantite
{display:inline-block; width:185px; margin-right:0px;margin-left:10px;}
.box_commande span.prix_ligne_produit
{display:inline-block; width:60px; margin-right:20px; white-space:nowrap;}



/* survol photo 1---------------------------------- */
.photo_item ul {
	border      : 1px solid #d0bb99;
	background  : #fff;
	position    : absolute;
	margin-top  : -72px;
	?margin-top : -5px;
	margin-left : -150px;
	z-index     : 50;
	visibility  : hidden;
	padding     : 10px;
}
.photo_item ul li{
  display     : inline;
  border      : none;
}
.photo_item:hover ul
/*.photo_item img:hover+ul,*/
{
  visibility  : visible;
}


/* bouton retour --------------------------------------------------------------------------------------- */
a.bouton_retour{
	height:25px;
  background: url(../images/bg_nav_main.gif) repeat-x;
	float:right;
	font-weight:bold;
	padding:2px 10px 0 10px;
	color:#551804; text-decoration:none; border:1px solid #edc04c;
}

a:hover.bouton_retour{ color:#bd2f00; text-decoration:none; border:1px solid #bd2f00;}

/* animation catalogue --------------------------------------------------------------------------------------- */
#anim_catalogue{margin:10px auto 10px auto; height:228px;}

ul.etats {
  margin-left   : 5px;
  padding-left  : 0px;
  font-size     : 0.9em;
  list-style    : none;
  margin-top    : 10px;

}
span.state {
  color         : black;
  padding-left  : 0px;

  margin-left   : 0px;
  
}