/* CSS Document */
/* ----------------------------------------------------------------- */
/* GLOBAL */
body {
width: 1020px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background: #000;
text-align: center;
background-image: url('/media/images/stock_vertical.png'); 
background-repeat: no-repeat; 
background-position: top left;
}

#mark {
position: absolute;
top: 50px;
left:1px;
background-image: url('/media/images/stock_vertical.png');
background-repeat: no-repeat; 
background-position: top left;
}
 
#conteneur {
width: 1020px; 
height: 100%;
margin-left: 120px;
}

#title {
position: absolute;
left: 200px; 
top: 30px;
float: left;
margin-left: 0;
background: #000;
vertical-align: bottom;
text-align: left; 
}

.menu {
width: 400px;
font: normal 1.4pc Garamond, serif; color: white;
text-align: center;
word-spacing: 10px;
}

#menu-filet {
margin-left:3px;
width: 780px;
height: 30px;
border-top: 0.01em solid silver;
}

img.bord { 
border: 0.01em solid darkgray;
margin: 2px 4px 0 4px;
/* IMPORTANT */
padding: 1px;
vertical-align: bottom;
}

.ss-bord {
float: left;
border: 0;
padding-bottom: 3px;
padding-right: 3px;
}

/* ----------------------------------------------------------------- */
/* COMMUN : MENU */
#bodyBox {
MIN-HEIGHT: 100%; 
BACKGROUND: #000 repeat-y right top;
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
MARGIN: auto; 
WIDTH: auto; 
HEIGHT: auto;
}

#enseigne {
POSITION: absolute; 
left: 200px; 
top: 30px;
width: 211px;
border-bottom: 0.1em solid #FFF;
}
HTML #bodyBox {
HEIGHT: 275px;
}	
#menuTop {
POSITION: absolute; 
top: 93px; 
left: 336px;
DISPLAY: inline; 
FLOAT: left; 
MARGIN: -31px 0 0 274px; 
WIDTH: 630px; 
margin: 0;
padding: 0;	
}
HTML #menuTop { 
MARGIN: -26px 0px 0px 74px;
border-bottom: 0.1em solid #FFF;
}
#menuTop LI {
LIST-STYLE: none none outside; 
DISPLAY: inline; 
FLOAT: left;
}
.smenu {
DISPLAY: none;
POSITION: absolute; 
TOP: 50px; 
PADDING-TOP: 0px; 
PADDING-RIGHT: 4px;
PADDING-BOTTOM: 4px;
PADDING-LEFT: 0px;
text-align:left;
Z-INDEX: 100;
}
 HTML .smenu {
 PADDING-TOP: 0px;
 PADDING-RIGHT: 2px; 
 PADDING-BOTTOM: 1px; 
 PADDING-LEFT: 0px;  
}
.smenu LI {
FONT: 18pt; Verdana, Arial, sans-serif; color: white;
width: 145px;
PADDING-TOP: 4px;
PADDING-RIGHT: 10px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 20px; 
LIST-STYLE: none none outside;  
BACKGROUND: #000 no-repeat;
}
.smenu LI A:link {
DISPLAY: block; 
PADDING-TOP: 1px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
WIDTH: 100%; 
CURSOR: pointer; 
COLOR: #fff;  
BORDER-BOTTOM: #000 1px solid; 
TEXT-DECORATION: none;
}
.smenu LI A:visited {
DISPLAY: block;
PADDING-TOP: 1px; 
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
WIDTH: 100%; 
CURSOR: pointer; 
COLOR: silver; 
BORDER-BOTTOM: #000 0.1em solid; 
TEXT-DECORATION: none;
}

.smenu LI A:hover{
COLOR: white;
}
.smenu LI A:active {
COLOR: gray;
}

#sousMenu1 { 
	POSITION: absolute; 
	top: 36px; 
	left: 5px;
	width: 180px;	
	background: #000;
	margin: 0;
	padding: 0;	
}	
#sousMenu2 {
	POSITION: absolute; 
	top: 36px; 
	left: 164px;
	width: 180px;	
	background: #000;  
	margin: 0;
	padding: 0;	
}	
#sousMenu3 {
	POSITION: absolute; 
	top: 36px; 
	left: 315px;
	width: 180px;	
	background: #000;  
	margin: 0;
	padding: 0;	
}	
#sousMenu4 {
	POSITION: absolute; 
	top: 36px; 
	left: 513px;
	width: 135px;	
	background: #000;
	margin: 0;
	padding: 0;	
}		

/* ----------------------------------------------------------------- */
/* COMMUN AFFICHAGE PAR DATE */
.mois {
/* padding-left: 30px; */
margin-left: 30px;
font: normal 1.6pc Garamond, serif; color: #999;
text-align: right;
word-spacing: 15px;
width: 40%;
}
a.mois:link {
color: #999;
text-decoration: none;
}
a.mois:hover {
color: white;
text-decoration: none;
}
a.mois:active {
color: gray;
text-decoration: none;
}
a.mois:visited {
color: lightblue;
text-decoration: none;
}

/* ----------------------------------------------------------------- */
/* LIENS STANDARD */
.sd {
text-decoration: none;
}
a.sd p:link, a.sd: link, a.sd h3: link{
color: #999;
text-decoration: none;
}
a.sd p:hover, a.sd:hover, a.sd h3:hover {
color: white;
text-decoration: none;
}
a.sd p:active, a.sd:active, a.sd h3:active{
color: gray;
text-decoration: none;
}
a.sd p:visited, a.sd:visited, a.sd h3:visited {
color: lightblue;
text-decoration: none;
}

a.footer-lk:link {
color: #999;
text-decoration: none;
}
a.footer-lk:hover {
color: white;
text-decoration: none;
}
a.footer-lk:active {
color: gray;
text-decoration: none;
}
a.footer-lk:visited {
color: lightblue;
text-decoration: none;
}

/* ----------------------------------------------------------------- */
/* 4.1   PAGE ACCUEIL */

#nouv {
position: absolute;
left: 260px; 
top: 250px;
width: 650px;
border-bottom: 0.01em solid silver;
background-image: url('/media/images/nouv-titre.png'); 
background-repeat: no-repeat; 
background-position: top left;
}

#decouv-stock {
display: inline;
position: absolute;
left: 303px; 
top: 440px;
width: 560px;
height: 230px;
border: 0.01em solid silver;
}
#decouv-stock2 {
display: inline;
position: absolute;
left: 303px; 
/* IMPORTANT */
top: 460px;
width: 560px;
/* IMPORTANT */
height: auto;
border-bottom: 0.01em solid silver;
/* background-image: url('/media/images/decouv-titre.png'); */
background-image: url('/media/images/OnEnParle.png');
background-repeat: no-repeat; 
background-position: top left;
}
#decouv-stock2 img{
margin-bottom: 0;
}
#slogan {
position: absolute;
left:5px;
top:5%;
width: 550px;
font: normal 1.3pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: center;
}
#slogan a {
color: #ffffff;
text-decoration: underline;
}
a.slogan: visited
color: gray;
text-decoration: none;
}
#decouv {
position: absolute;
left: 35%; 
top: 65%;
width: 400px;
border-bottom: thin solid silver;
background-image: url('/media/images/decouv-titre.png'); 
background-repeat: no-repeat; 
background-position: top left;
}
#footer {
position: absolute;
left: 840px; 
top: 580px;
width: 190px;
font: normal 0.8pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: right;
text-decoration: none;
}
/* ----------------------------------------------------------------- */
/* 4.2.1 PAGE NOUVEAUTES */

#act-nou-title {
position: absolute;
top: 245px;
left: 210px;
width: 770px;
font: normal 2.6pc Garamond, serif; color: gray;
text-align: left;
padding: 0; 
margin: 0;
line-height: 100%;
}
#act-nou-title h1 {
font: normal 2.6pc Garamond, serif; color: gray;
text-align: left;
padding-left: 0;
border-bottom: 0.01em solid silver;
width: 100%;
}

/* #act-nou-title hr {
display: inline;
margin-top: 0;
width: 100%;
border: 0.001em solid silver;
} */

#theme {
font: normal 1.8pc Garamond, serif; color: #FFF;
margin-bottom: 15px;
text-decoration: none;
}

#theme a {
font: normal 1.6pc Garamond, serif; color: #FFF;
margin-bottom: 15px;
text-decoration: none;
}

.theme-title {
font: normal 1.6pc Garamond, serif;
color: gray;
text-align: left;  
}
.theme-auteur {
font: normal 1.5pc Garamond, serif;
color: #FFF;
text-align: left;  
}
.theme-texte {
font: normal 11pt Arial, Verdana, Helevetica, sans-serif;  
color: #999;
text-indent: 5px;
text-align: justify;
padding: 0 20px 20px 20px;
line-height: 110%; 
}
.AP {
font: normal 0.8pc Verdana, Arial, sans serif;
clear: right; 
color: #DDD;
text-align: right;
padding-right: 20px;
}
.nouve {
float: left;
width: 110px;
margin: 10px 20px 10px 1px;
border: 0.01em solid silver;
padding: 1px;
}

.nouvesansbord {
float: left;
width: 110px;
margin: 10px 20px 10px 1px;
padding: 1px;
}

/* ----------------------------------------------------------------- */
/* 4.2.3 PAGE RENCONTRES & SIGNATURES et SALONS */
#act-date-gauche {
float: left;
display: inline;
width: 200px ; 
background-color: #000 ;
font: normal 14pt Garamond, serif; 
color: #BBB;
text-align: left;
margin-top: 20px;
}
#act-date-droite {
float: left;
display: inline;
text-align: left;
width: 560px;
background-color: #000 ;
margin-top: 20px;
}
.date-titre {
font: normal 14pt Garamond, serif; 
color: #FFF;
text-align: left; 
}
.date-auteur {
font: normal 14pt Garamond, serif; 
color: #0785B2; 
text-align: left; 
}
.date-auteur-sig {
font: bold 16pt Garamond, serif; 
color: #0785B2; 
text-align: left; 
}
.date-location {
font: normal 14pt Garamond, serif; 
color: #BBB;
text-align: left; 
}
.salons {
font: normal 2.5pc Garamond, serif; color: #BBB;
text-align: left;
padding-left: 0;
}

/* SALONS - SIGNATURES 03/2008 */	    
#sig-date-droite {
float: left;
display: inline;
text-align: left;
width: 750px;
height: 100%;
background-color: #000 ;
margin-top: 20px;
}
.sig-select {
float: left;
display: inline;
background-color: #222;
margin: 0:
padding: 0; 
}
.sig-select-crit-ttx {
text-align: left;
font: bold 1.2pc Garamond, serif; color: #EEE;
padding: 5px; 
}
.salon-adr {
font: normal 1.1pc Garamond, serif; color: #EEE;
text-align: right;
padding-left: 10px;
padding-right: 5px; 
}
.sig-select-auteur {
width: 40%;
font: normal 13pt Garamond, serif; color: #0785B2;
text-align: left;
padding-left: 3px;
text-decoration: none;
}
.sig-select-titre {
width: 35%;
font: normal 12pt Garamond, serif; color: #FFF;
text-align: left;
padding-left: 3px;
text-decoration: none;
}
.sig-select-date {
width: 25%;
font: normal 12pt Garamond, serif; color: #BBB;
text-align: right;
padding-left: 5px;
}

/* ----------------------------------------------------------------- */
/* 4.2.4 MEILLEURES VENTES */

#mv a {
font: normal 1.4pc Garamond, serif; color: #FFF;
margin-bottom: 15px;
text-decoration: none;
}

.mv-title {
font: normal 1.4pc Garamond, serif;
color: #FFF;
text-align: left;
padding-top: 3px;  
}
.mv-auteur {
font: normal 1.4pc Garamond, serif;
color: lightblue;
text-align: left;  
}
.mv-coll {
font: normal 1.4pc Garamond, serif; 
color: #AAA;
text-align: left; 
}

/* ----------------------------------------------------------------- */
/* 4.2.5 ACTUALITES MEDIAS / ON EN PARLE*/

#act-title {
position: absolute;
top: 30%;
left: 210px;
width: 770px;
text-align: left;
/* border: 0.01em solid silver; */
}

#act-title h1 {
font: normal 2.6pc Garamond, serif; color: gray;
text-align: left;
padding-left: 0;
border-bottom: 0.01em solid silver;
width: 75%;
}

#act-title.hr {
display: inline;
width:100%;
border: 0.01em solid silver;
}

#act-exergue {
font: italic 15pt Garamond, serif; color: white;
text-align: justify;
line-height: 115%;
letter-spacing: 120%;
padding-bottom: 10px;
}

#act-gauche {
display: box;
width: 770px ; 
border: 0,01em solid #555 ; 
background-color: #000 ;
margin-top: 10px;
}

#act-gauche img {
float: left;
margin: 10px 10px 10px 10px;
}

#act-gauche h2 {
-margin: 10px 10px 10px 10px;
font: bold 16pt Garamond, serif;
color: #AAA;
text-align: left;
padding-left: 20px; 
}

#act-gauche p {
font: normal 10pt Arial, sans serif; 
color: #999;
text-indent: 5px;
text-align: justify;
padding: 0 20px 20px 20px;
}

#act-droite {
display: box;
width: 770px;
border: 0,01em solid #555 ; 
background-color: #000 ;
margin-top: 10px;
margin-botttom: 30px;
}

#act-droite img {
float: right;
margin: 10px 10px 10px 10px;
}

#act-droite h2 {
-margin: 10px 10px 10px 10px;
font: bold 16pt Garamond, serif; 
color: #999;
text-align: right;
padding-right: 20px;
}

#act-droite p {
font: normal 10pt Arial, sans serif; 
color: #AAA;
text-indent: 5px;
text-align: justify;
padding-left: 20px; padding-right: 20px; 
}

/* ----------------------------------------------------------------- */
/* 4.3.1 NOS AUTEURS / 4.3.2 ECRIRE A UN AUTEUR */

#auteur_TS {
float: left;
display: block;
position: absolute;
left: 260px; 
top: 240px;
border: 0.01em solid silver;
}
img.bord-aut { 
border: 0.01em solid darkgray;
margin: 2px 3px 10px 3px;
/* IMPORTANT */
padding: 1px;
vertical-align: bottom;
}
.aut_TS {
text-align: center;
margin: 3px;
padding-top: 59px;
float: left;
width: 140px;
font: normal 0.8pc Arial, Verdana, Helvetica, sans-serif; color: white;
line-height: 135%;
}
a.aut_TS:link {
color: #999;
text-decoration: none;
}
a.aut_TS:hover {
color: #FFF;
text-decoration: none;
}
a.aut_TS:active {
color: gray;
text-decoration: none;
}
a.aut_TS:visited {
color: lightblue;
text-decoration: none;
}

#rech_auteur_titre {
position: absolute;
top: 620px;
left: 250px;
width: 390px;
font: normal 2.1pc Garamond, serif; color: gray;
text-align: left;
padding: 0; 
margin: 0;
}
.rech_auteur {
float: left;
width: 390px;
height: 90px;
font: normal 1.4pc Garamond, serif; color: #FFF;
text-align: left;
margin-top: 5px;
}
.aut_rech {
margin: 5px 20px 0 0;
padding-right: 20px;
float: right;
width: 170px;
font: normal 1.3pc Garamond, serif; color: white;
}
.aut_rech-d {
font: normal 1.3pc Garamond, serif; color: white;
text-align: right;
padding-right: 5px;
}
a.aut_rech-d:link {
color: #BBB;
text-decoration: none;
}
a.aut_rech-d:hover, a.aut_rech-d:active {
color: white;
text-decoration: none;
}
a.aut_rech-d:visited {
color: lightblue;
text-decoration: none;
}
a.aut_rech:link {
color: #BBB;
text-decoration: none;
}
a.aut_rech:hover, a.aut_rech:active {
color: white;
text-decoration: none;
}
a.aut_rech:visited {
color: lightblue;
text-decoration: none;
}
#auteur_mail {
position: absolute;
top: 90px;
left: 190px;
float: right;
display: inline;
margin: 0 50px 0 0;
width: 440px;
height: 230px;
font: normal 1.3pc Garamond, serif; color: #FFF;
padding-top: 5px;
}

.aut_mail {
margin: auto 0 0 auto;
padding-right: 20px;
float: left;
text-align: left;
font: normal 1.3pc Garamond, serif; color: #EEE;
}

/* ----------------------------------------------------------------- */
/* 4.3.3 PAGE DETAIL AUTEUR */

#fiche-aut-gauche {
position: absolute;
display: inline;
left: 280px; 
top: 250px;
width: 230px;
margin-right: 15px;
margin-bottom: 15px;
text-align: left;
}

#fiche-aut-droite {
position: absolute;
left: 470px; 
top: 240px;
width: 460px;
}

#fiche-aut-droite-b {
position: absolute;
left: 550px; 
top: 240px;
width: 430px;
}

#fiche-aut-droite-b h1 {
font: italic 2.4pc Garamond, serif; color: #BBB;
text-align: left;
}

#fiche-aut-droite-c {
position: absolute;
left: 500px; 
top: 240px;
width: 430px;
}

#fiche-aut-droite h1 {
font: italic 2.5pc Garamond, serif; color: white;
text-align: left;
}

#fiche-aut-droite-texte {
padding-top: 10px;
font: normal 14pt Garamond, serif; color: #FFF;
text-align: justify;
line-height: 100%;
}

#fiche-aut-biblio {
display: inline;
position: absolute;
left: 250px; 
top: 600px;
clear: both;
width: 540px;
line-height: 145%;
text-decoration: none;
}

.biblio-titre {
font: normal 12pt Arial, sans-serif; color: #BBB;
text-align: right;
}

.biblio-gauche {
width: 260px;
text-align: left;
font: italic 15pt Garamond, serif; color: white;
padding-left: 20px;
}

.biblio-droite {
width: 260px;
text-align: left;
font: normal 13pt Garamond, serif; color: white;
}

a.biblio-gauche:link {
color: white;
text-decoration: none;
}
a.biblio-gauche:hover, a.biblio-gauche:active {
color: gray;
text-decoration: none;
}
a.biblio-gauche:visited {
color: silver;
text-decoration: none;
}

#fiche-aut-footer {
position: absolute;
left: 865px; 
top: 630px;
width: 170px;
font: normal 0.8pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: left;
line-height: 250%;
text-decoration: none;
}

/* ----------------------------------------------------------------- */
/* 4.4.X BONNES FEUILLES */

.bf-lib {
float:left;
font: normal 1.0pc Garamond, serif; color:#EEE;
text-align: left;
padding: 0 3px 0 1px;
line-height: 130%;
}	

.bf-titre {
float:left;
font: italic 1.35pc Garamond, serif; color: #BBB;
letter-spacing; 130%;
text-align: left;
padding: 0 3px 0 1px;
line-height: 110%;
text-decoration: none;
}
a.bf-titre:link {
color: #BBB;
text-decoration: none;
}
a.bf-titre:hover, a.bf-titre:active {
color: white;
text-decoration: none;
}
a.bf-titre:visited {
color: lightblue;
text-decoration: none;
}
.bf-titre li {
list-style-type: circle;
}

#bonnef {
display: box;
clear: both;
margin-top: 30px;
margin-bottom: 30px;
width: 790px ; 
border: 0.01em solid #555 ; 
background-color: #121620;
}

#bonnef img {
float: left;
margin: 10px 20px 10px 10px;
padding: 1px;
border: 0.01em solid silver;
}

#bonnef h2 {
margin: 10px 10px 10px 10px;
font: bold 16pt Garamond, serif;
text-transform: uppercase;
color: #AAA;
text-align: left;
padding-left: 20px; 
}
#bonnef h3 {
margin: 7px 10px 10px 10px;
font: bold 14pt Garamond, serif;
color: lightblue;
text-align: left;
padding-left: 20px; 
}
.bonnef-hp {
margin: 7px 0 10px 10px;
font: italic 13pt Garamond, serif;
color: gray;
text-align: right;
text-decoration: none; 
}*/
A.bonnef-hp:link {
color: gray;
text-decoration: none;
}
A.bonnef-hp:hover, A.bonnef-hp:active {
color: white;
text-decoration: none;
}
A.bonnef-hp:visited {
color: lightblue;
text-decoration: none;
}
#bonnef p {
font: normal 10pt Verdana, Arial, sans serif; 
color: #CCC;
text-indent: 5px;
text-align: justify;
padding: 0 10px 10px 10px;
}

/* ----------------------------------------------------------------- */
/* 4.4.1 PAGE ACCUEIL COLLECTIONS */
#acc-coll {
position: absolute;
top: 240px;
left: 240px;
width: 740px;
text-align: left;
/* border: 0.01em solid silver; */
}

a.acc-coll: link, a.acc-coll: hover, a.acc-coll: active, a.acc-coll: visited {
text-decoration: none;
}

#acc-coll-gauche {
float:left;
width: 50%;
margin-right: 15px;
margin-bottom: 5px;
text-align: left;
}

.acc-coll-droite {
margin-top: 0;
width: 50%;
margin-right: 15px;
margin-left: 30px;
margin-bottom: 5px;
text-align: left;
}

#acc-coll h1 {
font: normal 2.6pc Garamond, serif; color: #AAA;
text-align: left;
padding-left: 0;
border-bottom: 0.01em solid silver;
width: 88%;
}

#acc-coll h4 {
font: normal 2.6pc Garamond, serif; color: white;
text-align: left;
padding-left: 0; padding-bottom: 0;
border-bottom: 0.01em solid silver;
width: 66%;
}

img.bord-coll { 
float: left;
border: 0.01em solid silver;
margin: 0px 10px 25px 0px;
padding: 1px;
vertical-align: bottom;
}
img.bord-collg1 { 
float: left;
border: 0.01em solid silver;
margin: 2px 10px 15px 2px;
padding: 1px;
vertical-align: bottom;
}
img.bord-collg2 { 
clear: left;
border: 0.01em solid silver;
margin: 2px 10px 15px 2px;
padding: 1px;
vertical-align: bottom;
}
img.bord-collg3 { 
clear: left;
border: 0.01em solid silver;
margin: 2px 10px 15px 2px;
padding: 1px;
}

img.bord-colld { 
border: 0;
margin: 2px 10px 15px 2px;
padding: 0;
vertical-align: bottom;
}

#acc-coll h2, #acc-coll-gauche h2 {
display: inline;
font: bold 1.4pc Garamond, serif; color: white;
text-align: left;
text-decoration: none;
line-height:700%;
}

#acc-coll p, #acc-coll-gauche p {
display: inline;
font: normal 1.6pc Garamond, serif; color: white;
text-align: left;
text-decoration: none;
}

#acc-coll-droite h3 {
display: inline;
font: normal 1.6pc Garamond, serif; color: white;
text-align: center;
padding-left: 30px;
text-decoration: none;
line-height: 100%;
}

a.acc-coll h2:link {
color: silver;
text-decoration: none;
}
a.acc-coll h2:hover, a.acc-coll h2:active {
color: lavender;
text-decoration: none;
}
a.acc-coll h2:visited {
color: lightblue;
text-decoration: underline;
}

/* ----------------------------------------------------------------- */
/* 4.4.2 PAGE DETAIL COLLECTIONS */
#det-coll {
position: absolute;
/* IMPORTANT 25% = 180 px ? */
top: 25%;
left: 240px;
width: 760px;
}
#det-coll-exergue {
font: italic 14pt Garamond, serif; color: white;
text-align: justify;
line-height: 115%;
letter-spacing: 110%;
padding-bottom: 7px;
}
#det-coll-signature {
font: normal 13pt Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: right;
padding-bottom: 10px;
}
img.blork { 
border: 0.01em solid darkgray;
margin: 3px 2px 3px 2px;
/* IMPORTANT */
padding: 1px;
vertical-align: bottom;
}
#det-coll-gauche {
float:left;
width: 250px;
margin-top: 40px;
margin-right: 10px;
margin-bottom: 5px;
text-align: left;
}
#det-coll-gauche-essais {
float:left;
width: 130px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
text-align: left;
}
.det-coll-droite {
margin: 0 15px 5px 1px;
width: 50%;
text-align: left;
}
#det-coll-droite h3 {
font: bold 1.4pc Garamond, serif; color: white;
text-align: left;
padding-left: 3px;
padding-bottom: 0;
text-decoration: none;
}
.clair {
clear: both;
color:#AAA;
}

#det-coll-droite-texte {
padding-top: 0;
font: normal 12pt Garamond, serif; color:#AAA;
text-align: justify;
line-height: 125%;
}

#coll-footer {
position: absolute;
left: 700px; 
top: 1020px;
width: 360px;
font: normal 0.8pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: left;
text-decoration: none;
}

#coll-EDL-footer1 {
/* IMPORTANT */
width: 380px;
float: right;
padding-left: 160px;
padding-bottom: 10px;
font: normal 0.9pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: left;
text-decoration: none;
}

#coll-EDL-footer2 {
/* IMPORTANT */ 
width: 380px;
float: right;
padding-left: 160px;
padding-bottom: 10px;
font: normal 0.9pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: left;
text-decoration: none;
}

/* ----------------------------------------------------------------- */
/* 4.4.3 PAGE RECHERCHE AU CATALOGUE */

#cat-recherche {
position: absolute;
top: 90px;
left: 190px;
float: right;
display: inline;
margin: 0 50px 0 0;
width: 440px;
height: 230px;
font: normal 1.3pc Garamond, serif; color: #FFF;
padding-top: 5px;
}
.cat_rech {
margin: 5px 20px 0 0;
padding-right: 1px;
float: right;
width: 130px;
font: normal 1.3pc Garamond, serif; color: white;
}
a.cat_rech:link {
color: #BBB;
text-decoration: none;
}
a.cat_rech:hover, a.cat_rech:active {
color: white;
text-decoration: none;
}
a.cat_rech:visited {
color: lightblue;
text-decoration: none;
}
.cat_form {
margin: auto 0 0 auto;
padding-right: 20px;
float: left;
text-align: left;
font: normal 1.3pc Garamond, serif; color: #EEE;
}
/* ----------------------------------------------------------------- */
/* 4.4.4 PAGE RESULTATS DE LA RECHERCHE AU CATALOGUE */

#cat-result {
position: absolute;
top: 85px;
left: 1px;
float: left;
display: inline;
margin: 0;
width: 550px;
height: 100px;
font: normal 1.2pc Garamond, serif; color: #EEE;
/* IMPORTANT */
padding: 1px;
padding-top: 5px;
/* background-color: steelblue; */ 
border: 0.01em solid silver; 
}
.cat-result-crit-ttx {
text-align: center;
font: bold 1.2pc Garamond, serif; color: #999;
/* font: bold 1.2pc Garamond, serif; color: #222; */
}
.cat-result-crit-tt {
padding-right: 7px;
text-align: right;
font: normal 1.0pc Garamond, serif; color: #EEE;
}
.cat-result-crit {
padding-left: 7px;
text-align: left;
font: bold italic 1.1pc Garamond, serif; color: lightblue;
}
.cat-select {
position: absolute;
top: 73px;
left: 1px;
float: left;
display: inline;
margin-top: 150px;
/* IMPORTANT 660=720 */
width: 550px;
font: normal 1.0pc Garamond, serif; color: #EEE;
/* IMPORTANT */
padding: 1px;
background-color: #222; 
/* border: 0.02em solid silver; */
}
.cat-select-crit-ttx {
text-align: center;
font: bold 1.2pc Garamond, serif; color: #EEE;
height: 24px;
/* border-bottom: 0.01em solid silver; */
}
.cat-select-titre {
/* IMPORTANT 35% */
width: 35%;
height: 25px;
font: normal 1.3pc Garamond, serif; color: #EEE;
letter-spacing; 140%;
text-align: left;
/* IMPORTANT */
padding-left: 3px;
line-height: 135%;
text-decoration: none;
}
a.cat-select-titre: link {
color: #BBB;
text-decoration: none;
}
a.cat-select-titre: hover, a.cat-select-titre: active {
color: white;
text-decoration: none;
}
a.cat-select-titre: visited {
color: lightblue;
text-decoration: none;
}	
.cat-select-auteur {
/* IMPORTANT 40% */
width: 40%;
height: 25px;
font: normal 1.1pc Garamond, serif; color: lightblue;
text-align: left;
/* IMPORTANT  */
padding-left: 3px;
line-height: 135%;
text-decoration: none;
}
a.cat-select-auteur: link {
color: lightblue;
text-decoration: none;
}
a.cat-select-auteur: hover, a.cat-select-auteur: active {
color: white;
text-decoration: none;
}
a.cat-select-auteur: visited {
color: silver;
text-decoration: none;
}
.cat-select-parution {
/* IMPORTANT 25% */
width: 25%;
height: 25px; 
font: normal 1.0pc Garamond, serif; color: #CCC;
text-align: right;
/* IMPORTANT 7px=5px */
padding-left: 5px;
line-height: 135%;
}
.ss-bord-centre {
float: center;
border: 0;
}
/* navigation recherche */
.nouv-rech {
text-align: center;
font: bold 1.2pc Garamond, serif; color: #EEE;
text-decoration: none;
}
a.nouv-rech: link {
color: #999;
text-decoration: none;
}
a.nouv-rech: hover, a.nouv-rech: active {
color: white;
text-decoration: none;
}
a.nouv-rech: visited {
color: lightblue;
text-decoration: none;
}

/* ----------------------------------------------------------------- */
/* 4.4.5  PAGE DETAIL ARTICLE */
#fiche-art-gauche {
position: absolute;
left: 220px; 
/* IMPORTANT 30% = 240px */ 
top: 240px;
display: inline;
width: 230px;
margin-right: 15px;
margin-bottom: 15px;
text-align: left;
}

.fiche-art-gauche-topo {
clear: both;
width: 230px;
font: 10pt Book Antiqua, serif; color: white;
text-align: left;
line-height: 135%;
}

#fiche-art-droite {
position: absolute;
left: 460px;
/* IMPORTANT 30% = 240px */ 
top: 240px;
width: 430px;
}

#fiche-art-droite h1 {
font: italic 2.5pc Garamond, serif; color: white;
text-align: left;
width: 600px;
}
.fiche-virg {
font: italic 2.0pc Garamond, serif; color: gray;
}
#fiche-art-droite h2 {
font: italic 2.1pc Garamond, serif; color: silver;
text-align: left;
padding-left: 0; 
text-decoration: none;
}

.fiche-art-h2 {
/* clear: both; */
font: italic 2.1pc Garamond, serif; color: silver;
text-align: left;
padding-left: 0; 
text-decoration: none;
}

a.fiche-art-h2:link {
color: silver;
text-decoration: none;
}
a.fiche-art-h2:hover, a.fiche-art-h2:active {
color: white;
text-decoration: none;
}
a.fiche-art-h2:visited {
color: #ADD8E6;
text-decoration: none;
}

#fiche-art-droite-texte {
padding-top: 5px;
font: normal 12pt Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: justify;
line-height: 100%;
}

#fiche-art-footer {
position: absolute;
left: 915px; 
top: 600px;
width: 205px;
font: normal 0.75pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: left;
margin-bottom: 3px;
line-height:125%;
text-decoration: none;
}

a.fiche-art-footer-lk:link {
color: gray;
text-decoration: none;
}
a.fiche-art-footer-lk:hover, a.footer-lk:active {
color: white;
text-decoration: none;
}
a.fiche-art-footer-lk:visited {
color: silver;
text-decoration: none;
}
.art-prix {
font: normal 1.8pc Garamond, serif; color: gray;
text-align: left;
text-transformation: uppercase;
}

/* ----------------------------------------------------------------- */
/* 4.4.6  PAGE TELECHARGEMENT */
#loads {
margin-top: 30px; 
margin-left: 10px;
width: 850px;
text-align: left;
/* border: 0.01em solid silver; */
}

a.loads: link, a.loads: hover, a.loads: active, a.loads: visited {
text-decoration: none;
}

.loads-det1 {
float:left;
font: normal 1.4pc Garamond, serif; color: lightblue;
text-align: left;
padding-bottom: 10px;
line-height: 180%;
}	
.loads-det2 {
float:left;
font: normal 1.1pc Garamond, serif; color: white;
text-align: left;
line-height: 135%;
}	
a.loads-det2:link {
color: #EEE;
text-decoration: none;
}
a.loads-det2:hover, a.loads-det2:active {
color: white;
text-decoration: none;
}
a.loads-det2:visited {
color: lightblue;
text-decoration: none;
}
/* ----------------------------------------------------------------- */
/* 4.4.X  PAGE NEWSLETTERS */

.border2 {
border: 0.01em solid #C0C0C0;
background: #333333;
margin: 5px;
}

.titre-NSL { 
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif; 
background: #333333; 
color: #000000;
margin: 2px 2px 0 2px;
text-align: left;
}
.texte-NSL {
clear:both; 
font: normal 10pt Verdana, Arial, Helvetica, sans-serif; color: #CCC; 
background: #333333; 
margin: 2px 2px 0 2px;
padding-left: 5px;
line-height: 135%;
text-decoration: none;
}
a.texte-NSL:link {
color: #CCC;
text-decoration: none;
}
a.texte-NSL:hover, a.texte-NSL:active {
color: white;
text-decoration: none;
}
a.texte-NSL:visited {
color: lightblue;
text-decoration: none;
}
.ss-t-NL { 
font: normal 12pt Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
background: #333333; 
margin: 2px 2px 0 0;
padding-bottom: 20px;
line-height: 145%;
text-decoration: none;
}

#footer-nls {
position: absolute;
left: 793px; 
top: 325px;
width: 190px;
font: normal 1.0pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-align: right;
text-decoration: none;
}
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* 4.4.7  ENVIES DE LECTURE */
#envies {
margin-top: 30px; 
width: 700px;
text-align: left;
/* border: 0.01em solid silver; */
}

.envies-exergue {
float:left;
font: normal 1.2pc Garamond, serif; color: white;
text-align: center;
line-height: 110%;
}	
.envies-imp {
float:left;
font: normal 1.3pc Garamond, serif; color: lightblue;
text-align: right;
padding-right: 20px;
}
a.envies-imp:link {
color: lightblue;
text-decoration: none;
}
a.envies-imp:hover, a.envies-imp:active {
color: white;
text-decoration: none;
}
a.envies-imp:visited {
color: gray;
text-decoration: none;
}
.envies-sel {
float:left;
font: normal 1.3pc Garamond, serif; color: lightblue;
padding-left: 7px;
text-align: left;
}
.envies-bord { 
border: 0.01em solid darkgray;
margin: 2px 4px auto 4px;
}		
.envies-det {
float:left;
font: normal 13pt Garamond, serif; color:#AAA;
text-align: left;
padding-left: 10px;
margin-bottom: 20px;
line-height: 140%;
}	
a.envies-det:link {
color: gray;
text-decoration: none;
}
a.envies-det:hover, a.envies-det:active {
color: white;
text-decoration: none;
}
a.envies-det:visited {
color: silver;
text-decoration: none;
}

/* ----------------------------------------------------------------- */
/* 4.5.1  HISTORIQUE STOCK */
#histo {
margin-top: 30px; 
width: 900px;
text-align: left;
/* border: 0.01em solid silver; */
}

.histo-exergue {
float:left;
font: normal 1.2pc Garamond, serif; color: white;
text-align: center;
line-height: 110%;
}
.histo-bord { 
border: 0.01em solid darkgray;
margin: 0 10px auto 0;
}	
.histo-tel {
float:left;
font: normal 0.9pc Verdana, Arial, sans-serif; color: lightblue;
text-align: left;
padding-left: 2px;
padding-right: 10px;
line-height: 130%;
}
a.histo-tel:link {
color: silver;
text-decoration: none;
}
a.histo-tel:hover, a.histo-tel:active {
color: white;
text-decoration: none;
}
a.histo-tel:visited {
color: lightblue;
text-decoration: none;
}

.histo-text {
font: normal 1.2pc Garamond, serif; color:#BBB;
text-align: justify;
margin-bottom: 20px;
}	

/* ----------------------------------------------------------------- */
/* 4.5.2  PRIX LITTERAIRES */

.prix-col {
float:left;
font: normal 1.2pc Garamond, serif; color:#EEE;
text-align: left;
padding: 0 3px 0 1px;
line-height: 140%;
}	
.prix-col-auteur {
float:left;
font: normal 1.2pc Garamond, serif; color: lightblue;
text-align: left;
padding: 0 3px 0 1px;
line-height: 140%;
}
a.prix-col-auteur:link {
color: lightblue;
text-decoration: none;
}
a.prix-col-auteur:hover, a.prix-col-auteur:active {
color: white;
text-decoration: none;
}
a.prix-col-auteur:visited {
color: silver;
text-decoration: none;
}

.prix-col-titre {
float:left;
font: italic 1.35pc Garamond, serif; color: #BBB;
letter-spacing; 130%;
text-align: left;
padding: 0 3px 0 1px;
line-height: 140%;
}
a.prix-col-titre:link {
color: #BBB;
text-decoration: none;
}
a.prix-col-titre:hover, a.prix-col-titre:active {
color: white;
text-decoration: none;
}
a.prix-col-titre:visited {
color: lightblue;
text-decoration: none;
}	

/* ----------------------------------------------------------------- */
/* 4.5.3  NOUS CONTACTER */

.ctc-loc {
float:left;
font: normal 1.30pc Garamond, serif; color:#EEE;
text-align: left;
padding-left: 8px;
margin-bottom: 10px;
}	
.ctc-text1 {
float:right;
font: normal 13pt Garamond, serif; color:#CCC;
text-align: right;
padding-right: 5px;
line-height: 140%;
}
.ctc-text2 {
float:left;
font:italic 16pt Garamond, serif; color:#AAA;
text-align: left;
padding-left: 5px;
line-height: 140%;
}		
a.ctc-text2:link {
color: #AAA;
text-decoration: none;
}
a.ctc-text2:hover, a.ctc-text2:active {
color: white;
text-decoration: none;
}
a.ctc-text2:visited {
color: lightblue;
text-decoration: none;
}	

/* ----------------------------------------------------------------- */
/* 4.6.1  ESPACE LIBRAIRES */

#pro_form2 {
position: absolute;
top: 80px;
left: 5px;
float: right;
display: inline;
margin: 0 5px 0 0;
width: 760px;
font: normal 1.1pc Garamond, serif; color: #FFF;
padding-top: 1px;
}
#pro_form2 h3 {
font: normal 1.2pc Garamond, serif; color: lightblue;
text-transform: lowcase;
text-align: left;
padding-left: 1px;
padding-bottom: 1px;
}
.pro_send {
font: normal 1.3pc Garamond, serif; color: white;
text-align: right;
padding-right: 180px;
}
.pro_mail {
margin: 0 0 2px 0;
padding-right: 2px;
float: left;
text-align: left;
font: normal 1.2pc Garamond, serif; color: #EEE;
}
/* ----------------------------------------------------------------- */
/* 4.6.3  FOREIGN RIGHTS */

#FR a {
font: normal 1.4pc Garamond, serif; color: #FFF;
margin-bottom: 15px;
text-decoration: none;
}

.FR-title {
font: normal 1.4pc Garamond, serif;
color: #FFF;
text-align: left;
padding-top: 3px;  
}
.FR-det1 {
font: normal 1.1pc Garamond, serif;
color: lightblue;
text-align: left;  
}
.FR-det2 {
font: italic 1.2pc Garamond, serif;
color: lightblue;
text-align: left;  
}
.FR-ctc {
font: normal 1.3pc Garamond, serif;
color: lightblue;
text-transform: capitalize;
text-align: left;
padding-top: 3px;
padding-left: 10px;  
}
.FR-doc {
font: normal 1.2pc Garamond, serif;
color: #FFF;
text-transform: uppercase;
text-align: left;
padding-top: 3px;  
}
.FR-doc li{
list-style-type: square;
}

.FR-lk {
font: normal 1.2pc Garamond, serif;
color: #AAA;
text-transform: lowcase;
text-align: left;  
}
.FR-lk ul{
display: inline;
margin: 0;
}
.FR-lk li{
list-style-type: disc;
list-style-position: inside;
}
a.FR-li:link {
color: #BBB;
text-decoration: none;
}
a.FR-li:hover, a.FR-li:active {
color: white;
text-decoration: none;
}
a.FR-li:visited {
color: lightblue;
text-decoration: none;
}	

/* ----------------------------------------------------------------- */
/* XXX  ENVOYER A UN AMI  */
#env-title {
position: absolute;
top: 245px;
left: 210px;
width: 770px;
font: normal 2.6pc Garamond, serif; color: #AAA;
text-align: left;
padding: 0; 
margin: 0;
}
#env-title h1 {
font: normal 2.6pc Garamond, serif; color: gray;
text-align: left;
padding-left: 0;
border-bottom: 0.01em solid silver;
width: 100%;
}

#ami_mail {
position: absolute;
top: 150px;
left: 5px;
float: right;
display: inline;
margin: 0 50px 0 0;
width: 600px;
height: 230px;
font: normal 1.3pc Garamond, serif; color: #FFF;
padding-top: 5px;
}
.am_mail {
margin: auto 0 0 auto;
padding-right: 20px;
float: left;
text-align: left;
font: normal 1.3pc Garamond, serif; color: #EEE;
}
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* marquee + lien */
.slogan-ml {
font: normal 1.3pc Arial, Verdana, Helvetica, sans-serif; color: white;
text-decoration: none;
}
a.slogan-ml:link {
color: #BBB;
text-decoration: none;
}
a.slogan-ml:hover, a.slogan-ml:active {
color: white;
text-decoration: none;
}
a.slogan-ml:visited {
color: lightblue;
text-decoration: none;
}	

*/