/*  ----------
  Feuille de style ESPACES 34 - Decembre 2007
  ----------
*/
/*----- Corrections generales -----*/

html, body {
margin:0;
height: 100%;
}

body {
color:#555;
padding:0;
text-align:center;
font: normal 75%/1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
background:#F9F9F9;
}

img {
border: none;
}
/*
h1, h2, h3, h4, h5, h6{
font-weight: normal;
}
*/


ol, ul, li {
list-style: none;
margin: 0;
padding: 0;
}

a {
color:#9CC200;
text-decoration:none;
}

a:hover {color:#777;
text-decoration: underline; }

#actualite hr, #archives hr {
border: 3px #e6e6e6 dotted;
}



/*----- GLOBAL -----*/

div#global {
min-height: 100%;
height: auto;
width: 950px;
padding: 0;
margin: 0 auto;
position: relative;
/* colonne factice*/
/*IE6 ne comprend pas top left*/
background: #FFF url(../trait.gif) repeat-y top left;
text-align: left;
}

#auteur div#global {
background: #FFF url(../trait2.gif) repeat-y top left;

}

/*----- EN TETE -----*/

div#entete {
text-align: left;
overflow: hidden;
min-height: 100%;
height:auto;
/*background: #124;*/
margin:0 0 0 0;
padding: 0;
}

/*Bug IE6*/
html div#entete {
height: 100%;
}



/*----- BARRE DE NAVIGATION PRINCIPALE -----*/

#navigation {
border-bottom:solid 1px #E6E6E6;
padding: 30px 0 1px 0;
background: #FFF;
}

#navigation li {
/* convertit la liste de type bloc en elements en ligne */
display:inline;
font-size:1.2em;
padding: 0 3em 0 0;
font-variant: small-caps;
font-weight: bold;
}

/* vous etes ici */
#actualite #actualite_nav, #nouveautes #nouveautes_nav, #aparaitre #aparaitre_nav, #auteur_liste #auteur_nav, #archives #archives_nav, #contact #contact_nav, #liens #liens_nav {
border-bottom: solid 6px #390;
color:#555;
}


/*----- SOUS EN-TETE -----*/

div#sous_entete {
/* specifie une position relative pour les elements inclus */
/*height:270px;*/
margin: 10px 0 0 0;
text-align:left;
padding: 0;
/*background: url(../img/nav/trait.gif)top left repeat-y;*/
/* Pour Opera 6 afin d'eviter que le sous-entete ne tronque le corps*/
min-height: 35%;
overflow: hidden;
}

#sous_entete_g{
float:left;
width:300px;
margin: 15px 0 0 0;
}

#sous_entete_d{
float:left;
width:500px;
margin: 25px 0 0 0;
text-align: right;
}

.logo_espaces34 {
/*position: relative;
clear: both;
*/
}

.logo_espaces34 p {
/*position:absolute;*/
font:2em;
}

.logo_espaces34 p span{
display:none;
}

.logo_espaces34 p.logo {
left:150px
}
.logo_espaces34 p.logo a{
display:block; width:227px; height:44px;
}

.logo_espaces34 p.logo a{
background: url(../../IMG/nav/logo.jpg) 0 100% no-repeat; 
}

/*

margin: 80px 0 30px 0;
height: 50px;
text-align: right;
background: #D54;
}
*/

div#entete h1 {
font-size:3em;
padding: 4px 0 0 303px;
/*Bug IE5Mac, qui ajoute des ascenseurs a l'en-tete*/
margin: 0 0 4px 0;
color: #F90;
/*color: #CB3030;*/
/*border-bottom:solid 1px #E6E6E6;*/
line-height: 100%;
}

.description_collection {
font-size:0.9em;
padding: 0 0 0 303px;
margin: 0 0 0 0;
color: #C6C6C6;
line-height: 110%;
font-style:italic;
}




/*---- Menu Collection ----*/
#menu {
font-size:0.8em;
margin: 0;
padding: 0;
line-height: 1.4em;
text-align: left;
}

#menu li.collection{
font-weight: bold;
}

#menu li a{
color: #789;
padding-left: 3em;
}


/*---- Menu d?roulant Collection ----*/
.deroulant{
 background-color:#FFF;
  color:#333;
  border:0.1em solid #457;
  margin:1em;
}

.deroulant span, .sous_deroulant span {
  display:none;
}

.deroulant a, .sous_deroulant a {
  text-decoration:none;
  color:#457;
}

.deroulant {
  padding:0 1em;
}

.sous_deroulant {
  padding:0;
}

.sous_deroulant li {
  list-style-type:disc;
  list-style-position:inside;
  padding-left:0.2em;
  color:#F93;
}

.sous_deroulant li:hover, .sous_deroulant a:hover,
  .sous_deroulant a:focus  {
  background-color:#F93;
  color:#FFF;
}

.sous_deroulant li:hover {
  list-style-type:circle;
}



/*----- Corps -----*/

div#corps {
margin: 0;
/* Pour ?viter la superposition du pied de page et du contenu : */
padding: 4px 0 60px 0;
/* englobe les div flottants pour le calcul de la hauteur*/
overflow: auto;
border-top:solid 1px #E6E6E6;
text-align: left;
/* Pour Opera 6 afin d'evite que le pied de page ne tronque le corps*/
min-height: 35%;
/*background: #F45;*/
}

div#ligne {
overflow: hidden;
margin: 5em 0 3em 0;
min-height:100%;
/*height:auto;*/
}

.ligne {
margin: 3em 0 6em 0;
padding: 2em 0 0 0;
overflow: hidden;
}

.col_gauche {
float:left;
width:300px;;
text-align: right;
}

.col_droite{
width:490px;
float: right;
text-align: left;
}

/*
Bug Netscape : grand espace blanc entre chaque ligne
#actualites div#ligne, #nouveautes div#ligne, #aparaitre div#ligne, #archives div#ligne, #liens div#ligne{
overflow: auto;
margin: 0em 0 0 0;
padding: 1em 0 1em 0;
}
*/

/*Bug IE6 */
html div#ligne{
height: 100%;
}


/*----- CORPS - COLONNE GAUCHE -----*/
div#col_gauche{
float:left;
width:300px;
}

#col_gauche p{
font-size:1em;
text-align: left;
line-height: 1.5em;
}


/*----- CORPS - COLONNE GAUCHE - INFOS -----*/
div#info_gauche{
/*padding: 3em 1em 0 0;*/
/*
//overflow: auto;*/
float: left;
/*background: #F45;*/
text-align: left;
width: 147px;

}

div#info_droite{
/*padding: 3em 1em 0 0;*/

/*overflow: auto;*/
float: right;
background: #FBFBFB;
border: 1px solid #E6E6E6;
margin:0 1px 0 0;
width: 150px;
text-align: right;
/*width: 150px;*/
}


div#info_gauche h3 {
font-size:1em;
padding: 1em 0 75px 0;
line-height: 1.5em;
}

div#info_gauche h5{
font-size:0.9em;
text-align: left;
/*clear: both;*/
padding:0 1em 50px 0;
}


#col_gauche p.isbn {
font-size:0.85em;
padding: 1em 1em 0 0;
font-style: italic;
color:#888877;
}

/*----- CORPS - COLONNE DROITE -----*/

div#col_droite{
float:left;
width:490px;
padding:0 0 5px 0;
border-bottom: solid 1px #E6E6E6;
}

#livre div#col_droite, #extrait div#col_droite,#auteur div#col_droite{
border-bottom: none;
}


#accueil div#col_droite {
border-bottom: solid 0px #FFF;
}




/*----- PIED DE PAGE -----*/
div#pied {
position: absolute;
clear: both;
width:100%;
bottom: 0;
background: #FFF;
border-top:solid 2px #E6E6E6;
padding: 20px 0 20px 0;
}

#accueil div#pied {
/*height: 80px;*/
}

div#pied .gauche{
float:left;
text-align:left;
font-size: 10px;
/*background: url("IMG/nav/logo.jpg");*/
}

div#pied .droit{
float:right;
text-align:right;
}


/*----- Typographie -----*/



#sous_entete_d h1{
text-align: right;
margin: 80px 0 0 0;
height: 50px
}


#col_droite img{
margin:0 1em 0 2px;
float:left;
}



#col_droite p{
font-size:1.1em;
text-align: left;
line-height: 1.5em;
padding: 0.5em 2em 0 1em;
}

.blanc {
margin: 2em 0 2em 0;
}

h2.titre {
font-size:1.3em;
text-align: right;
padding: 0 1em 2px 0;
border-bottom: solid 2px #E6E6E6;
margin: 0 0 0 5em;
line-height: 100%;
}

#auteur_liste h2.titre {
border-bottom: none;
padding: 0 1em 10px 0;
line-height: 120%;
}

#nouveautes h2.titre, #aparaitre h2.titre {
font-size:1.2em;
line-height: 1.4em;
}

#collections h2.titre {
font-size:1.2em;
padding: 0 1em 0 0;
line-height: 1.4em;
}

#auteur h2.titre {
border-bottom: none;
}

#liens h2.titre{
font-size:1.2em;
border-bottom: none;
margin: 0 0 0 2em;
padding: 0 1em 0 2em;
}

#recherche h3{
padding: 0 1em 0 0.5em;
}

#recherche h4{
padding: 0 2em 1em 3em;
}


/*----- Page EXTRAIT -----*/

#extrait h2.extrait {
font-size:1.1em;
text-align: left;
padding: 0.3em 1em 2px 1em;
border-bottom: solid 2px #E6E6E6;
margin: 0 0 0 0;
line-height: 100%;
}


h3 {
font-size:1em;
text-align: right;
padding: 1em 1em 0 0;
line-height: 1.5em;
}

.col_droite h3{
text-align: left;
padding: 0 0 1em 1em;
}


#col_droite h4, .col_droite h4 {
font-size:1em;
font-weight: normal;
margin: 0 70px 0 0;
padding: 1em 2em 0 1em;
line-height: 1.5em;
}




/*----- Page COLLECTIONS -----*/

#collections div#ligne{
margin: 3em 0 0 0;
padding: 1em 0 1em 0;
border-bottom: solid 1px #E6E6E6;
/*background: #FF5588;*/
}


#collections div#col_droite{
border-bottom:0px;
}




#collections col_gauche {
text-align: right;
/*border-bottom: solid 1px #666;*/
line-height: 100%;
padding: 0 1em 0 0;
font-size: 1.4em;
}




#collections h4 {
font-size:1.1em;
font-weight: bold;
margin: 0 160px 0 0;
padding: 0 2em 0 2em;
line-height: 1.4em;
border-bottom: solid 1px #E6E6E6;;
}

#nouveautes p.resume, #collections p.resume, #aparaitre p.resume {
font-size:1em;
font-weight: normal;
margin: 0 80px 0 0;
padding: 1em 2em 0 2.5em;
line-height: 1.5em;
font-style: italic;
}

/*----- Page AUTEUR 3 COLONNES -----*/
#auteur #centre {
	width: 100%;
	overflow: hidden;
	padding: 5em 0 0 0;
	 border-top: 1px solid #E6E6E6;
}

#auteur #col_gauche {
	float: left;
	width: 250px;

}

#auteur #principal {
	float: left;
	width: 480px;
	padding: 10px 10px 100px 10px;

}

#auteur #principal p{
font-size:1.1em;
text-align: left;
line-height: 1.5em;
padding: 0.5em 2em 0 1em;
}

#auteur #secondaire {
	margin-left: 760px;
	margin-right: 10px;
	padding: 12px 0 100px 0;
text-align: right;
	
}

#type_auteur h2{
font-size: 0.95em;
}

#auteur #liste_auteur li{
font-size: 0.95em;
padding: 0 0 3px 0;
}

#meme_auteur{
text-align: right;
margin: 4em 0 0 0;
}


#meme_auteur h4{
/*margin: 4em 0 0.5em 0;*/
padding:0 1em 0 0;
font-size: 1em;
margin: 0 0 0.5em 0;
}

#meme_auteur li{
/*line-height:1.5em;*/
padding:0;
margin: 0;
}

#meme_auteur .meme_auteur{
padding: 1.5em 1em 0 0;
}
#meme_auteur .meme_auteur a{
color: #789;
}

/*----- Page AUTEUR_LISTE -----*/



/*----- Page CONTACT -----*/

#contact h2{
line-height: 100%;
font-size: 1.4em;
}
/*----- Page LIENS -----*/

#liens h2{
margin:0em 0 0 0;
font-size:1.4em;
background: #FFF;
padding:4em 0 0 0;
}




#liens div#col_droite p{
padding: 0em 2em 0 1em;
margin: 0;
}

#liens div#col_droite{
padding:0;
border-bottom: none;
}


#liens div#ligne{
border-bottom: solid 1px #E6E6E6;
margin: 3em 0 4em 0;
}

/*----- Page LISTING -----*/

#listing #corps h1, #listing #corps h2{
background: #DDD;
padding: 1em 0 1em 0;
}

.reference {
font-weight: bold;
}

#listing #ligne{
border: 2px solid #CCC;
}

#listing .vignette, #listing #col_droite {
border: 0px;
}

#listing #col_gauche{
padding:0 0 0 5px;
}



/*----- IMAGES -----*/

#sous_entete_d img{
margin: 0 0 0 147px;
}

.vignette{
margin:1em 0 1em 0;
border-left: 1px solid #DDD;
}

.vignette>img{
margin: 0 0 0 50px;
padding: 0 0 50px 0;
}

/* Images ins?r?es dans le texte */
.spip_documents{
/*	font-family: Verdana,Arial,Helvetica,sans-serif;*/
/*	font-size : 70%;*/
padding: 1em 0 1em 0;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
/*	background: #258;*/
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

/* L?gende des images ins?r?es */
.spip_doc_descriptif{
font-size: 0.8em;
text-align: justify;
	clear: both;
	padding: 0.5em;
}

/*----- NAVIGATION FLECHE HAUT ET BAS -----*/

.nav_page{
position:relative;
clear:both;
}

.nav_page p {
position:absolute;
font:10px;
}

.nav_page p span{
display:none;
}

.nav_page p.haut_page{top:-13px; left:0px;}
.nav_page p.haut_page a	{
display:block; 
width:35px; 
height:18px;
background: url(../../images/nav/fleche_haut.gif) 0 100% no-repeat;
}

.nav_page p.bas_page{top:-12px; left:25px;}
.nav_page p.bas_page a{
display:block; 
width:35px; 
height:18px;
background: url(../../images/nav/fleche_bas.gif) 0 100% no-repeat;
}

.nav_page p.haut_page a:hover{
background-position :0px 0px;
}
.nav_page p.bas_page a:hover{
background-position :0px 0px;
}

/*Mise en evidence des resultats de recherche*/
.spip_surligne { background-color: #FFFF66; }

/* PUCES */

.puce{
background: url(../../images/puce.gif) no-repeat;
border: none;
}