/* 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:273px;}
.date_titre{width:178px;}
.photo{width:80px;}
.prix_titre{width:83px;}
.exemplaires_titre{width:192px;}

.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 : 20px 0px 20px 30px;
}

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

.rangee{border-bottom:1px solid #d0bb99;padding:10px 0 10px 0; line-height:1.8em;}
.rangee_even{border-bottom:1px solid #d0bb99;padding:10px 0 10px 0; line-height:1.8em;background:#f3eee6;}
.vignette{margin:0px 10px 0 5px; height:70px; float:left /*vertical-align:middle;*/}
.vignette_option{margin:0px 10px 0 5px; height:40px; max-width:50px; vertical-align:middle;}
.description{display:inline-block; width:260px; margin-right:15px;}
.description span.multi_ligne{display:inline-block;}
.description_option span.multi_ligne{display:inline-block;width:140px}
.description .titre{font-size:1.3em;}
.description_option{display:inline-block;width:210px; margin-left:50px; margin-right:15px;}
.date{display:inline-block; width:150px;margin-right:20px;}
.photo_item{ display:inline-block; margin-right:55px; width:33px; height:65px;}
.photo_item ul li img{height : 100px}
.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;}


/* 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;}