Logo de la Bibliothèque municipale de Lyon
L'incroyabilicieux anniversaire ! 50 ans de création à l'école des loisirs

Exposition
Bibliothèque Part-Dieu

du 11 avril au 21 août 2015
entrée libre

css

body
background :#C1E7FF url(plugins/sites_evt/images/50anscreationecoleloisirs/fd-ciel.jpg) no-repeat top center ;

h3
color : #EA000B ;
margin-bottom : 0 ;

#bandeau
background : #FFED00 url(plugins/sites_evt/images/50anscreationecoleloisirs/poussin-bandeau.png) no-repeat center 18px ;
/*background : #FFED00 url(../images/50anscreationecoleloisirs/poussin-bandeau.png) no-repeat center 18px ;*/
color : #EA000B ;
padding : 15px 0px ;

#bandeau p
text-transform : uppercase ;
font-family : "roboto Condensed", Arial ;
color : #EA000B ;
font-size : 1.7em ;
line-height : 1.1em ;
padding-bottom : 10px ;

#bandeau p.bandeauTexte1
margin-bottom : 15px ;
margin-top : 10px ;

#bandeau p.bandeauTexte2
font-weight : bold ;

#bandeau div.infoSite
text-align : right ;

@media screen and (max-width : 768px)
p.bandeauTexte2
display : none ;


#document_expo
background-color : #C1E7FF ;

#pied_expo
background-color : #4E4E4E ;

/* menu */
#menu_expo .contain-to-grid
background-color :#4E4E4E ;
padding : 2px 0px 2px 0px ;

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]
border-right : 1px solid rgba(255,255,255,0.5) ;
height : 56px ;

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

/* version mobile du menu */
.tab-bar
background-color : #4E4E4E ;

.left-off-canvas-menu
background-color : #4E4E4E ;

#menu_expo .top-bar-section li:not(.has-form) a:not(.button)
background-color :#4E4E4E ;

li.logo_b_menu
display : none ;

p.title_responsive
font-family : ’RobotoCondensed-Bold’ ;
font-size : 0.9em ;
text-transform : uppercase ;
text-decoration : none ;

#document_expo
background : url(plugins/sites_evt/images/50anscreationecoleloisirs/poussin-fd-droite.png) no-repeat bottom right ;

@media screen and (max-width : 1124px)
#document_expo
background : none ;


div.logo_vdl
padding-top :38px ;

div.logo_bml img
float : right ;

div.logo_partenaires
padding-top :45px ;

p.citation
font-family : ’Roboto Condensed’ ;
font-size : 1.3em ;
font-style : italic ;
color : #EA000B ;
line-height : 1.2em ;

p.citationSignature
font-family : ’Roboto Condensed’ ;
font-size : 1.1em ;
font-style : italic ;
color : #EA000B ;
line-height : 1.2em ;

div.btProgramme a
background-color : #E1001A ;
color : #FFFFFF ;
padding : 10px ;
text-decoration : none ;
font-weight : bold ;
text-transform : uppercase ;
margin-bottom : 20px ;

div.btProgramme a:hover
background-color : #4E4E4E ;

.contenuAccueil
padding : 70px 0px ;

div.ligneLogoPartenaire
margin-top : 40px ;
margin-bottom : 40px ;

div.logoPartenaire img
background-color : #FFF ;
padding : 10px ;
margin-top :10px ;
margin-bottom :10px ;

div.logoPartenaire
margin-top :20px ;
margin-bottom :20px ;

/*programme culturel */
li.menu_atelier, li.menu_spectacle, li.menu_exposition,li.menu_conference-debat,li.menu_lecture,li.menu_projection,li.menu_rencontre
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-transform : uppercase ;
letter-spacing : normal ;

li.menu_atelier a, .type_atelier
color :#00A5C5 ;

li.menu_spectacle a, .type_spectacle
color :#46B529 ;

li.menu_exposition a, .type_exposition
color :#E42220 ;

li.menu_rencontre a, .type_rencontre
color :#D83A8B ;

li.menu_conference-debat a, .type_conference-debat
color :#D83A8B ;

li.menu_lecture a, .type_lecture
color :#EC6E07 ;

li.menu_projection a, .type_projection
color :#A77CB1 ;

h4.titre_menu_lateral
font-family : ’RobotoCondensed-Bold’ ;

p.magenda_date_themtype
margin-bottom:0 ;
padding-bottom : 0 ;

p.magenda_central_date
margin-bottom:0 ;
padding-bottom : 0 ;

/*copier coller en vrac magenda */
/*** AGENDA****/
.fi-arrow-left:before
content : "<" ;

.fi-arrow-right:before
content : ">" ;

a.magenda_carouselq_lien
display : block ;
width : 100% ;
margin : 0px 0px ;

a.magenda_carouselq_lien h4.magenda_h4
margin-top : 0 ;

#accueil_bib a.magenda_carouselq_lien h3.magenda_h3
margin-bottom : 0 ;

.magenda_ulcentral
margin : 0 ;

a.affichedateimpaire, a.affichedatepaire
text-decoration : none ;

.magenda_ulcentral li
background-color : #FFFFFF ;
list-style : none ;
padding : 10px ;
margin : 10px 0px ;


.magenda_ulcentral_image
background-color : #FFFFFF ;
list-style : none ;
padding : 0px ;
padding-right:5px ;
margin : 10px 0px ;

.magenda_ulcentral_image p
margin:5px ;

.magenda_ulcentral_image:hover
background-color : #FFED00 ;

.magenda_ulcentral li:hover
background-color : #FFED00 ;

p.magenda_central_typetheme, p.magenda_date_themtype
text-transform : uppercase ;
font-size : 0.9em ;
margin-bottom : 0px ;
font-family : ’RobotoCondensed-Bold’ ;
font-weight : normal ;

h2.magenda_H2_global
font-size : 1em ;
margin-bottom : 0 ;

a.magenda_date_partenairelien
width : 150px ;
display : block ;

p.magenda_central_theme
color :#000000 ;

p.magenda_central_date a
text-decoration : none ;

p.magenda_central_date a:hover
text-decoration : underline ;

p.magenda_central_date, p.magenda_Eventdatelieu
font-family : "Roboto-Bold", Arial ;
font-weight : normal ;
font-size : 1em ;
background :url("plugins/sites_evt/images/fleche-date-agenda.png") no-repeat 0px 3px ;
padding-left : 35px ;
margin-bottom : 0px ;

p.magenda_Eventdesc_cc
font-family : "Roboto-Bold", Arial ;
font-weight : normal ;
font-size : 1em ;
margin-top : 15px ;

p.magenda_Eventdatelieu
font-size : 1em ;

p.magenda_central_date_small
background :url("plugins/sites_evt/images/fleche-date-agenda-small.png") no-repeat 0px 3px ;
padding-left : 22px ;
margin-bottom : 0px ;
font-size : 0.8em ;

div.orbit-bullets-container ol.orbit-bullets
top:0 ;
margin-bottom : 0 ;

div.magenda_central_corps_texte
padding-right : 50px ;
padding-top : 10px ;

p.magenda_central_c_descc
margin : 0px 0px ;
color :#000000 ;
font-size : 1em ;

p.magenda_date_suggestdatelieu
font-family : "Roboto-Bold",Arial ;
font-size : 1em ;
font-weight : normal ;

h4.magenda_h4
margin-bottom : 0 ;

ul.magenda_ul_bibq li
border-right : 3px solid black ;
margin-bottom : 5px ;
padding-bottom :5px ;

h3.magenda_h3_classique
font-family : "RobotoCondensed-Bold", Arial ;
font-weight : normal ;
background : none ;
font-size : 1.6em ;
margin-top : 15px ;

ul.liste_moteur_recherche a
font-weight : bold ;


h3.magenda_Eventtitre
background : none ;
padding-left : 0 ;
font-size : 1.8em ;
font-family : "Roboto-Black", Arial ;
font-weight : normal ;
margin-top : 15px ;

ul.magenda_menu_hdc li
background-color : #7D3A8A ;
color : #FFF ;
padding : 3px ;
list-style : none ;
margin :3px 0px ;

ul.magenda_menu_hdc a
color : #FFF ;
text-decoration : none ;

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

h3.magenda_h3
font-family : "Roboto-Bold", Arial ;
background:none ;
margin : 0 ;
padding : 0 ;

h4.magenda_h4_dateid
font-family : ’Roboto-Bold’ ;
font-size : 1.2em ;
background : none ;
padding : 0 ;
margin : 0 ;

p.magenda_date_tel
font-size : 1.2em ;

div.magenda_intervenant
margin : 20px 0px !important ;

div.magenda_Eventintervenant, div.magenda_dateintervenants
background-color : #9fa28d ;
padding : 20px ;
margin-bottom : 20px ;

span.magenda_interv_leg
font-weight : bold ;
color :#f8ffcf ;

span.magenda_interv_nom
font-weight : bold ;

p.magenda_interv_bio
font-size : 0.9em ;
line-height : 1.2em ;
padding : 10px 0px ;

div.magenda_date_cadrephoto
float : left ;
margin-right : 20px ;
width :350px ;
margin-bottom : 30px ;

div.magenda_event_cadrephoto
margin-right : 20px ;
margin-bottom : 30px ;

div.magenda_date_cadrephoto p
font-size : 0.8em ;
padding : 5px 10px ;
margin-bottom : 0px ;
background-color : #ddd ;

div.magenda_event_cadrephoto p
font-size : 0.8em ;
padding : 5px 10px ;
margin-bottom : 0px ;
background-color : #ddd ;

#social_agenda
margin-top:20px ;
margin-bottom:20px ;

p.magenda_desc_courte_dateid
font-size : 1.2em ;
margin : 20px 0 ;

div.bloc_visite_enfant
background : #FFFFFF url(’plugins/sites_evt/images/50anscreationecoleloisirs/lien-visite-enfant.jpg’) top right no-repeat ;
padding : 15px ;
color : #5e5e5e ;
font-weight : bold ;
margin-bottom : 20px ;

div.bloc_visite_adulte
background : #FFFFFF url(’plugins/sites_evt/images/50anscreationecoleloisirs/lien-visite-adulte.jpg’) top right no-repeat ;
padding : 15px ;
color : #5e5e5e ;
font-size : 1.4em ;
font-family : "RobotoCondensed-Bold", Arial ;
margin-bottom : 20px ;

div.bloc_visite_enfant a, div.bloc_visite_adulte a
background : url(’plugins/sites_evt/images/50anscreationecoleloisirs/arrow-right.png’) center right no-repeat ;
display : block ;
width : 350px ;
height : 80px ;
font-size : 2em ;
font-family : "RobotoCondensed-Bold", Arial ;
text-decoration : none ;

li.creer_jouer1 a
color : #666 ;
height : 250px ;
background-color : #EFE8BE ;
display : block ;
text-align : center ;
font-size : 1.7em ;
padding-top :70px ;
text-decoration : none ;

li.creer_jouer2 a
color : #FFF ;
display : block ;
height : 250px ;
background-color : #F74D58 ;
text-align : center ;
font-size : 1.7em ;
padding-top :70px ;
text-decoration : none ;

li.creer_jouer3 a
display : block ;
height : 250px ;
background-color : #A12B41 ;
color : #FFF ;
text-align : center ;
font-size : 1.7em ;
padding-top :70px ;
text-decoration : none ;