Impressions premières
La page en révolution de Gutenberg à 1530

css

@font-face
font-family : ’AbrilFatFace’ ;
src : url(’plugins/expositions/css/fonts/abril-fatface/AbrilFatFace.eot ?’) format(’eot’),
url(’plugins/expositions/css/fonts/abril-fatface/AbrilFatFace.otf’) format(’truetype’),
url(’plugins/expositions/css/fonts/abril-fatface/AbrilFatFace.woff’) format(’woff’),
url(’plugins/expositions/css/fonts/abril-fatface/AbrilFatFace.svg’) format(’svg’) ;

@font-face
font-family : ’BebasNeueRegular’ ;
src : url(’plugins/expositions/css/fonts/bebas_neue/BebasNeueRegular.eot ?’) format(’eot’),
url(’plugins/expositions/css/fonts/bebas_neue/BebasNeueRegular.otf’) format(’truetype’),
url(’plugins/expositions/css/fonts/abril-fatface/AbrilFatFace.woff’) format(’woff’),
url(’plugins/expositions/css/fonts/bebas_neue/BebasNeueRegular.svg’) format(’svg’) ;

body
background : #01b1af url(plugins/expositions/css/impressions-premieres/fd-page.png) ;

h1
font-family : ’BebasNeueRegular’, ’Verdana’ ;
font-size : 2.6em ;
font-weight : 700 ;
margin-top :0 ;
margin-bottom : 10px ;
color :#ffff00 ;

h2
color :#01b1af ;
font-family : ’AbrilFatFace’, arial ;
font-size : 1.9em ;
letter-spacing : 0.1em ;

h3, #soustitre_expo
color :#1E274B ;
font-family : ’BebasNeueRegular’, Times ;
font-size : 1.6em ;
padding-bottom : 0px ;

h4
color :#01b1af ;
font-family : arial ;
font-size : 1.3em ;

.sous_titre_ancien
color :#01b1af ;

blockquote
color :#000 ;
border-left : 1px solid #B40F0D ;

blockquote p
color :#000 ;

.rouge
color :#BA0E0C ;

#map-canvas
height : 1400px ;
width:100% ;

#map-canvas imgmax-width : inherit ;

html
height : 100%

#topic
clear : both ;
width:100% ;
background:pink ;

#document_expo
background-color : #01b1af ;
background-color : rgba(1, 177, 175, 0.45) ;
min-height : 720px ;

#corps_expo
background-color : #FFFFFF ;
min-height :550px ;

#pied_expo
background-color : #1e274b ;
margin-top :0px ;
padding : 20px 0px 0px 0px ;
min-height :150px ;
color :#FFFFFF ;

#pied_expo h2, #pied_expo p
color :#FFFFFF ;

.contain-to-grid
background-color : #1E274B ;

.top-bar-section li:not(.has-form) a:not(.button)
background-color : #1E274B ;

div.entete_titre
height : 185px ;

#bandeau
margin : 15px 0px 0px 0px ;

#bandeau h1
font-size : 4.1em ;
line-height : 0.8em ;
padding-bottom : 30px ;

div.expo_accueil
padding-bottom : 70px ;

h1 span.slogan_expo
font-size : 0.55em ;
color :#ffff00 ;
line-height : 0.5em ;

div.partenaires_accueil_expo
padding : 40px 0px 20px 0px ;

#arianne_expo a
color : #000000 ;

#arianne_expo a:hover
text-decoration : none ;

#menu_partie1 a, #menu_partie2 a, #menu_partie3 a, #menu_partie4 a
background-color : #1e274b ;
color : #FFFFFF ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-decoration : none ;
padding : 15px 0px 15px 0px ;
display : block ;
height : 46px ;
text-align : center ;

#menu_partie1 a:hover, #menu_partie2 a:hover, #menu_partie3 a:hover, #menu_partie4 a:hover
color : #1e274b ;
background : #FFFFFF none ;

.selected_menu a
color :#1e274b !important ;
background :#FFFFFF !important ;

ul.breadcrumbs
border : none ;
background-color : #FFFFFF ;

.top-bar-section ul li
border : none ;

ul.nav-bar li a
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1em ;
text-transform : uppercase ;
text-decoration : none ;

.top-bar-section ul li > a:hover
background-color : #655548 ;
text-decoration : underline ;

.top-bar
background : none ;

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]
border-right : 1px solid #FFFFFF ;
height : 60px ;

.top-bar-section li:not(.has-form) a:not(.button)
line-height : 55px ;

.top-bar-section li:not(.has-form) a:hover:not(.button)
background : none ;

div.expo_sous_menu ul
margin : 0 ;
padding :0 ;

div.expo_sous_menu li
list-style : none ;
margin : 0px ;

div.expo_sous_menu a
color :#FFFFFF ;
display : block ;
padding : 17px 10px ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.1em ;
text-decoration : none ;
border-bottom : solid #FFFFFF 10px ;
width :100% ;
line-height : 1.1em ;
background-color : #1E274B ;

div.expo_sous_menu a:hover, div.expo_sous_menu li.bt_hover a
background-color : #01b1af ;

div.logo_vdl
margin-top : 0px ;
padding-bottom : 10px ;

div.encadre
border : solid 1px #655548 ;
padding : 10px 20px 0px 20px ;

div.accueilScolaireAtelier
border-left : solid 3px #655548 ;
padding-left : 15px ;
margin-top : 20px ;

div.Bon_a_savoir
margin-top : 20px ;
background-color : #b7a699 ;
padding : 10px 20px 0px 20px ;

.spip_doc_titre
margin-right : auto ;
margin-left : auto ;
font-weight : 400 ;
font-size : 0.8em ;

dt.spip_doc_titre
width:100% !important ;

dd.spip_doc_descriptif
font-size : 0.8em ;
width:100% !important ;

#cboxTitle
font-size : 0.8em ;
font-weight : normal ;

# documents_portfolio dt.spip_doc_titre
font-size : 0.8em ;

p.cycle_date
text-transform : uppercase ;
font-weight:bold ;
font-size : 0.8em ;
margin-bottom : 0px ;

p.resume_expo
font-family : ’AbrilFatFace’, Times ;
font-size : 1.3em ;
font-weight : 700 ;
line-height : 1.3em ;
color :#ffff00 ;
line-height : 1.5em ;
letter-spacing : 0.1em ;

.resume_apropos_expo
font-family : ’AbrilFatFace’, cursive ;
font-size : 1.4em ;
font-weight : 400 ;
line-height : 1.2em ;
color :#1e274b ;
margin-top :50px ;

div.expo_bloc_principal
padding : 0px 30px ;

.top-bar-section > ul > .divider:first-child, .top-bar-section > ul > [role="separator"]:first-child
display : none ;

.expo_titre_doc
font-weight : bold ;
padding-bottom : 5px ;

.expo_details_image
padding-bottom : 30px ;

.copyrightImage
font-size :0.8em ;
line-height : normal ;
padding-bottom :40px ;

.titreImage
font-weight : bold ;

.descriptifImage
color :#666 ;

.img_gauche_ancien dl
margin-right : 15px ;
background-color :#FFFFFF ;

.img_gauche_ancien dt.spip_doc_titre, .img_gauche_ancien dd.spip_doc_descriptif
padding-left : 3px ;

.img_droite_ancien dl
margin-left : 10px ;
background-color :#FFFFFF ;

.img_droite_ancien dt.spip_doc_titre, .img_droite_ancien dd.spip_doc_descriptif
padding-left : 3px ;

li.lexique
margin-top : 40px !important ;

li.lexique a
background : url(’plugins/expositions/css/impressions-premieres/fd-lexique.jpg’) no-repeat top left !important ;

li.lexique a:hover
background : url(’plugins/expositions/css/impressions-premieres/fd-lexique-hover.jpg’) no-repeat top left !important ;

Contact

Bibliothèque municipale de Lyon
30 boulevard Vivier-Merle
69431 Lyon Cedex 03
Téléphone 04 78 62 18 00
bm@bm-lyon.fr