css

body
background-color :#000084 ;
background-image : url("plugins/expositions/css/mlk/GD_tete_MLK.jpg") ;
background-repeat : no-repeat, repeat ;
background-position : center 50px ;
margin:0 ;
padding:0 ;
font-family : Arial, Helvetica, sans-serif ;

h1
width:500px ;
font-weight : bold ;
font-size : 2.8em ;
margin-top :25px ;
margin-bottom : 50px ;
color :#9B9C9E ;
text-transform : uppercase ;
line-height : 0.7em ;
font-family : ’Arial Narrow’, arial ;

#corps_expo
background :#9B9C9E ;
padding:0 25px 0 25px ;

#corps_expo h2
font-family : ’Arial Narrow’, arial ;
font-weight : bold ;
font-size : 1.6em ;
line-height:1em ;
color :#000084 ;

#corps_expo p
text-align:justify ;

#bandeau
margin:25px 0 0 0 ;
padding:0 ;

.top-bar
background :#9B9C9E ;

.top-bar-section > ul > .divider
border-right : solid 1px #000084 ;

.contain-to-grid
background :#9B9C9E ;
height:45px ;

.top-bar-section ul li>a
text-transform : uppercase ;
font-family : ’Arial Narrow’, arial ;
font-weight : bold ;
background :#9B9C9E ;
color :#000084 ;
text-align : center ;
text-decoration:none ;

.top-bar-section ul li a:hover
background :#000000 !important ;
color :#FFFFFF ;

.top-bar-section li:not(.has-form) a:not(.button)
background :#9B9C9E ;

.expo_accueil
padding:0 0 50px 0 ;

#pied_expo
background :#9B9C9E ;
color :#000084 ;
padding:10px 0 10px 0 ;

#pied_expo a
color :#000084 ;

#pied_expo a:hover
color :#FFFFFF ;

#pied_expo h2
font-family : ’Arial Narrow’, arial ;
font-size : 1.6em ;
color :#000084 ;
padding:0 ;
margin:0 ;

#pied_expo p
color :#000084 ;
padding:0 ;
margin:0 0 15px 0 ;
line-height : 1.4em ;

#pied_expo img
padding:10px 0 0 0 ;

.menu_princ a
background :#9B9C9E ;
color :#9B9C9E ;
height:50px ;
display:block ;
text-align : center ;
padding:10px 0 0 0 ;

.menu_princ a:hover
background:black ;
color:white ;

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

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

div.expo_sous_menu a
font-weight : bold ;
color :#FFFFFF ;
display : block ;
padding : 17px 10px ;
font-family : ’Arial Narrow’, arial ;
font-size : 1.2em ;
text-decoration : none ;
border-bottom : solid #9B9C9E 15px ;
width :100% ;
line-height : 1.1em ;
background-color : #000000 ;

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

.selected_menu a
color:white ;
background:black ;

.expo_sous_menu
margin-top:15px ;

#texte_expo h3
marign:0 ;
padding:0 ;
font-size : 1.2em ;
line-height:1.4em ;
color :#000084 ;
font-family : ’Arial Narrow’, arial ;
font-weight : bold ;

#texte_expo h3.spip h3
color :#000084 ;
font-family : ’Arial Narrow’, arial ;
font-size : 1em ;

#texte_expo h3.spip p
color :#222 ;
font-family : Arial, Helvetica, sans-serif ;
font-size : 0.9em ;
line-height:1.2em ;

#texte_expo a
color :#000084 ;
text-decoration:none ;

#texte_expo a:hover
color :#FFF ;
text-decoration:none ;

.magenda_block_list
padding:10px ;

#texte_expo .magenda_block_list a
color :#222 ;
text-decoration:none ;

#texte_expo .magenda_block_list a:hover
color :#000084 ;

#texte_expo blockquote
border-left:1px solid #000084 ;

#texte_expo blockquote p
color :#333 !important ;

#texte_expo .expo_titre_doc
marign:0 ;
padding:0 ;
font-size :1.1em ;

#arianne_expo
background:none ;

#arianne_expo ul
border-color :#9B9C9E !important ;
background :#9B9C9E ;
padding:20px 0 20px 0 ;
margin:0 ;

#arianne_expo ul li a
color :#000084 ;
text-decoration : underline ;

#arianne_expo ul li a:hover
color :#FFF ;
text-decoration : none ;

.breadcrumbs > .current, .breadcrumbs > ::before
color :#000084 ;

p.resume_expo
font-family : ’Arial Narrow’, arial ;
font-weight : bold ;
font-size : 1.3em ;
line-height:1.2em ;
color :#9B9C9E ;
width:200px ;

.ligne1_resume, .ligne2_resume, .ligne3_resume, .ligne4_resume, .ligne5_resume
color :#9B9C9E ;

h1 span.slogan_expo
font-size : 0.6em ;

#menu_partie1 a, #menu_partie2 a, #menu_partie3 a
font-family : ’Arial Narrow’, arial ;
color : #000084 ;
font-size : 1.1em ;
text-decoration : none ;
padding : 10px 10px 0px 10px ;
display : block ;
height : 56px ;
text-align : center ;
font-weight : bold ;

#menu_partie1 a:hover, #menu_partie2 a:hover, #menu_partie3 a:hover, a:hover
color : #FFFFFF ;

.selected_menu a
color:white !important ;
background :#000000 !important ;

hr
padding:0 ;
margin:0 ;
border : 0 ;
color : #f00 ;
background-color : #f00 ;
height : 4px ;

hr.souligne-1
position:absolute ;
top:88px ;
left:212px ;
width : 205px ;

hr.souligne-2
margin-top : -13px ;
margin-bottom:5px ;
width : 125px ;

.spip_mail a, .spip_mail a:hover
color :#000084 ;

.spip_documents_left
margin:10px 0 0 0 ;

.spip_documents_left img
width:100% ;
height:auto ;

.magenda_desc_courte_dateid
margin :-50px 0 0 0 ;
padding:0 ;
line-height : 1.2em ;
font-size :0.8em ;

.magenda_date_cadrephoto img
width:100% ;
height:auto ;

.spip_documents_right img
margin:0 0 0 20px ;

.expo_details_image p
padding-right:50px ;
text-align:justify ;

.expo_details_image .spip_doc_titre
width:168px !important ;
padding:0 ;
margin:0 ;

.spip_doc_titre
font-size :0.6em ;
text-align:center ;
width:215px !important ;

aside p
font-size :1.2em ;
color :#FFF ;
line-height : 1.2em ;
font-weight : bold ;
font-family : ’Arial Narrow’, arial ;
padding:0 0 0 10px ;
margin:0 0 20px 24px ;
text-align:center ;
border-left:3px solid red ;

div.magenda_dateintervenants
background-color : #8a8a8a ;

span.magenda_interv_leg
color : #000084 ;

p.magenda_interv_bio
line-height : 1.6em ;

.magenda_ulcentral_image li
background : #aeaeae ;
box-shadow : 0px 4px 5px #888 ;
border-bottom:1px solid #bfbfbf ;

.magenda_ulcentral_image img
width:205px ;
padding : 10px ;

.magenda_central_dscc
padding:0 10px 0 0 ;

div.magenda_date_cadrephoto p
background-color : #aeaeae ;

h3.magenda_h3
font-family : ’Arial Narrow’, arial ;
font-weight : bold ;
font-size : 1.4em ;
line-height:1em ;
color :#000084 ;

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