/**************************************************************
   Eléments du catalogue
 **************************************************************/
a {
	text-decoration: none;
}

a:hover {
	color: red;
	text-decoration: none;
}

.image {
	border: 0;
}

/**************************************************************
   Catalogue - Catégories
 **************************************************************/
 
.exemplaire {
  display: block;
  margin: 0.5em;
  padding: 0;
}

.post {
  display: block;
  margin: 0.5em 0 0.5em 0;
  padding: 0.2em 0 0.3em 0;
  border-bottom: 1px solid #CCCCCC;
}

.intitulecat {
  display:block;
  text-align:left;
  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 0.3em solid #DDDDDD;
  padding: 0.3em 0 0.2em 0.2em;
  margin: 0 0 0.4em 0.3em;
}

.cat {
  display: block;
  font-size:12px; 
  padding: 0.5em 0.2em 0.5em 0.3em;
}

.chemin {
  display:block;
  font-style: italic;
  font-size:13px; 
  border-bottom: 0.3em solid #ddd;
  padding: 0.5em 0 0.2em 0.4em;
  margin: 0 0 1em 0.3em;
}

.scat  {
  display: block;
  font-variant:small-caps;
  font-size:16px; 
  font-weight: bolder;
  padding: 1em 1em 1em 0;
  margin: 0;
} 

.titre { 
  font-size: 12px;
  display: block;
  font-weight: bold;
  color: #586B7A;
}

.reference {
  display: block;
  font-size: 1.1em;
  font-variant:small-caps;  
  color: #536C71;
  text-align: left;
  font-weight: bold;
  padding: 0;
}

.dispo {
 display: block;
 color: #CC0033;
 font-style:oblique;
}

.resp {
 display: block;
 margin: 0.2em 0 0 0;
 font-style:oblique;
 text-align: right;
}

.cata {
 display: block;
 margin: 0.2em 0 0 0;
 font-style:oblique;
 text-align: right;
}

.annee {
 display: block;
 text-align: right;
 font-weight: bold;
 font-style:italic;
 margin: 0 0 0.5em 0;
}

.prix {
  display: block;
  text-align: right;
  font-weight: 400;
  padding: 0;
}

.texte {
 display: block;
 margin: auto;
 padding: 0.3em 0 0.3em 0;
 text-align:justify;
}

.liens {
 display: block;
 font-style:italic;
}

.texte a {
  display:block;
}

.couverture  {
	display: block;
	padding: 0.2em 0.3em 0.5em 0.2em;   
	margin: 0; 
}

.couverturesmall  {
   display: block;
   padding: 0 0 0.3em 0;
   margin: 0;
}

.bouton {
 display: block;
 padding: 0;
 font-size:13px;
}

/**************************************************************
   Actualité
 **************************************************************/

.exemplaire_actu {
  display: block;
  float: none;
  padding: 0;
}

.intitule {
  display:block;
  text-align:left;
  font: 400 1.7em arial, sans-serif;
  color: #536C71;
  border-bottom: 0.3em solid #ddd;
  padding: 0.3em 0 0.2em 0.3em;
  margin: 0 0 0.4em 0.1em;
}

.titreactu {
  display:block;
  font-weight:bold;
  font-size:15px;
  padding: 0 0 0.4em 0;
  border-bottom: 0.1em solid #ccc;
  font-variant:small-caps;
}

.couvertureactu  {
  display:block;
  padding: 0 0 0.1em 0;
  margin: 0 1em 0 1em;
}

.referenceActu {
  display: block;
  font-size: 1.1em;
  font-variant:small-caps;  
  color: #536C71;
  text-align: center;
  font-weight: bold;
  padding: 0;
}

/**************************************************************
   Panier
 **************************************************************/

th.panier {
    font:bold 1.1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color:#33607F;
    color: #fff;
}

td.ligne_panier {

}

td.panier_total {
	background-color:#ddd;
	font-weight:bold;
}

.blinkPanier {
	font-weight:bold;
	text-decoration:blink;
}

/**************************************************************
   Formulaire commande client
 **************************************************************/

th.h1 {
  font: 400 1.7em arial, sans-serif;
  color: #536C71;
  border-bottom: 0.4em solid #ddd;
  padding: 0.5em 0 0.2em 0.4em;
  margin: 0 0 0.2em 0.3em;
}

tr.info_client {

}

td.info_client {
 text-align:right;
}

td.info_societe {
 text-align:right;
}

tr.intitule_commande {
 font-weight:bold;
}

tr.info_commande {

}

tr.info_frais {
 font-weight:bold;
}

tr.total_commande {
 font-size:16px;
 font-weight:bolder;
}

tr.mode_paiement {}

tr.mode_transport {}

/**************************************************************
   Newsletter
 **************************************************************/
 
.newsletter_form {
   text-align: center;
}

.email {
   display: block;
}

action {
   display: block;
}

soumettre {
   display: block;
}

.champ {
   font-size:12px;
}

/**************************************************************
   Recherche
 **************************************************************/

.intitulerech {
  display:block;
  text-align:left;
  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 0.3em solid #DDDDDD;
  padding: 0;
  margin: 0 0 0.4em 0.3em;
}

.champ_rech {
  display: block;
  font-size:12px; 
  padding: 0.5em 0.2em 0.5em 0.3em;
}


a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #EDEDED;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #C0C0C0; /* Définition des bordures */
}  
            
a.info_bulle
{				
  color           : #2F368A;
  text-decoration : none; 
  
  padding         : 0; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span
{
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}

ul.info_rech {
  margin: 0;
  padding: 0.2em 0 0.2em 0;;
} 

ul.info_rech li.ex_rech {
  margin: 0 0 0 0.3em;
  padding: 0;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
}

ul.info_rech li.res_rech {
  margin: 0 0 0 0.3em;
  padding: 0;
  font-size:11px;
}

op {
  font-size:14px;
  font-weight:bolder;
  color:#CC0000;
}

/**************************************************************
   Gestion catalogue
 **************************************************************/

tr.ligne_contenu {
  font-weight:bold;
  }

.menu_1 {
	color:#586B7A;
	font-size:13px;
	font-weight:bold;
}

A.menu_1 {
	color:#969696;
	font-size:12px;
}

A.menu_1:visited {
	color:#586B7A;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

A.menu_1:hover {
	color:red;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

A.menu_2:link {
	color:#586B7A;
}

A.menu_2:visited {
	color:#969696;
}

A.menu_2:hover {
	color:red;
}

.adm_ref {
	font-size:19px;
	font-weight:bolder;
}

.adm_titre {
    display: block;
	color:#666666;
	font-weight:bold;
	padding-top:0.4em;
}

.adm_auteur {
    display: block;
	font-style:italic;
}