Conditions de vie des femmes
et mobilisations féministes

du 5 octobre au 31 décembre 2021

Dans les bibliothèques de Lyon et les
bibliothèques partenaires de la Métropole

Conditions de vie des femmes
et mobilisations féministes

du 5 octobre au 31 décembre 2021

Dans les bibliothèques de Lyon et les
bibliothèques partenaires de la Métropole

Conditions de vie des femmes et mobilisations féministes

du 5 octobre au 31 décembre 2021

Dans les bibliothèques de Lyon et les bibliothèques partenaires de la Métropole

css

@font-face
font-family : ’trashhandregular’ ;
src : url(’plugins/sites_evt/css/webfonts/TrashHand-webfont.eot’) ;
src : url(’plugins/sites_evt/css/webfonts/TrashHand-webfont.eot ?#iefix’) format(’embedded-opentype’),
url(’plugins/sites_evt/css/webfonts/TrashHand-webfont.woff2’) format(’woff2’),
url(’plugins/sites_evt/css/webfonts/TrashHand-webfont.woff’) format(’woff’),
url(’plugins/sites_evt/css/webfonts/TrashHand-webfont.ttf’) format(’truetype’),
url(’plugins/sites_evt/css/webfonts/TrashHand-webfont.svg#trashhandregular’) format(’svg’) ;
font-weight : normal ;
font-style : normal ;

@import url(’https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,500;0,700;1,500;1,700&display=swap’) ;

body
background : #2E2057 ;

.bandeauTitre
font-family : ’trashhandregular’, Arial ;
font-size : 2em ;
margin : 30px 0 0 0 ;
color : #FFFFFF ;
text-transform : uppercase ;
padding : 0 ;
line-height : 1em ;

h1
font-family : ’Raleway’, Arial ;
font-size : 2em ;
color : #e52720 ;
margin-top : 15px ;
margin-bottom : 10px ;

h2
font-family : ’Raleway’, Arial ;
color : #282455 ;
font-size : 1.6em ;

h3
font-family : ’Raleway’, sans-serif ;
color : #000000 ;
font-size : 1.3em ;

h4
font-family : ’Raleway’, Arial ;
color : #000000 ;
font-size : 1.2em ;

#bandeau
background : #282455 ;

.bandeauImage
background : url("plugins/sites_evt/images/feminisme/a-corps-et-a-cri.jpg") no-repeat 550px ;

#texte_expo
margin-top : 0px ;

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

#corps_expo a, #corps_expo a:link, #corps_expo a:visited
color : #282455 ;

#corps_expo a.button_inscription, #corps_expo a.button_inscription:link, #corps_expo a.button_inscription:visited
color : #FFFFFF ;

#pied_expo
background-color : #e52720 ;

/*menu et sous menu */
.contain-to-grid,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section .dropdown li:not(.has-form) a:not(.button),
.tab-bar,
ul.off-canvas-list li a

background-color : #E52720 ;
-webkit-transition : background 0.5s ease ;
-moz-transition : background 0.5s ease ;
-o-transition : background 0.5s ease ;
transition : background 0.5s ease ;

.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
.top-bar-section ul li:hover:not(.has-form) > a,
.tab-bar li a:hover,
ul.off-canvas-list li a:hover
background-color : #3a0011 ;
text-decoration : none ;

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

#bandeau
margin-top:20px ;

#bandeau p.soustitre
font-family : ’trashhandregular’, Arial ;
font-size : 1.5em ;
margin : 0em 0em ;
padding : 0 ;
color : #FFFFFF ;
text-transform : uppercase ;
line-height : 1.5em ;

#bandeau p.date, #bandeau p.lieu
font-family : ’Raleway’, Arial ;
font-size : 1.1em ;
font-weight : bold ;
margin : 0 ;
padding : 0 ;
color : #FFFFFF ;

.encartGris
background-color : #eaeaea ;
color : #000000 ;
padding : 5px 15px ;
margin : 0px 0px ;

.encartBleu
background-color : #007388 ;
color : #FFFFFF ;
padding : 10px 15px ;

.encartBleu h2, .encartBleu h3, .encartJaune h3
color : #FFFFFF ;
padding : 0px ;
font-size : 1.8em ;

#corps_expo .encartBleu a, #corps_expo .encartRouge a
color : #FFFFFF !important ;

.encartJaune
background-color : #dbac00 ;
color : #e52720 ;
padding : 10px 15px ;

#corps_expo .encartJaune a
color : #e52720 !important ;

.encartJaune h2
color : #e52720 !important ;

.encartRouge
background-color : #e52720 ;
color : #FFFFFF ;
padding : 0px 15px ;

.align-gauche
float : left ;
margin-right : 10px ;

.align-droite
float : right ;
margin-left : 10px ;

#corps_expo .boutonRouge, .pageAccueil .boutonRouge
background-color : #e52720 !important ;
color : #FFFFFF !important ;
-webkit-transition : background 0.5s ease ;
-moz-transition : background 0.5s ease ;
-o-transition : background 0.5s ease ;
transition : background 0.5s ease ;
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;

#corps_expo .boutonRouge:hover, .pageAccueil .boutonRouge:hover
background-color : #3a0011 !important ;
color :#FFFFFF ;

/* page accueil */
.accueil
padding-top : 30px ;

.pageAccueil
background : #FFFFFF ;


.pageAccueil h1
margin-top : 50px ;

.texte_page_accueil
margin-top : 20px ;

.accueil-rdv h2, .accueil-expo h2, .page-forum h2
background-color : #007388 ;
color :#FFFFFF ;
padding : 3px 10px ;
margin : 5px 0px ;
font-size : 1.4em ;

.accueil-expo p
margin :0 ;
padding : 0 ;

.accueil-webradio
margin :40px 0px ;
padding : 0 ;

.accueil-webradio h2, .accueil-articles h2, .aller-plus-loin h2, .intervenants h2
background-color : #dbac00 ;
color :#FFFFFF ;
padding : 3px 10px ;
margin : 5px 0px ;
font-size : 1.4em ;

.bloc_actu
border-bottom : solid 2px #dbac00 ;
padding-bottom : 15px ;
margin-bottom : 15px ;

.bloc_actu p.date_actu
text-transform : uppercase ;
color : #007388 ;
margin-bottom : 5px ;
padding :0 ;
font-size : 0.9em ;
font-weight : bold ;

.bloc_actu p
padding :0 ;


.bloc_actu h3.titre_actu
font-size : 1.2em ;

.bloc_actu h3.titre_actu a
color : #000000 !important ;

/* page découvrir */
.aller-plus-loin hr
background-color :#DBAC00 ;
border : 0 ;
height : 2px ;

/* page programme */

#corps_expo .agenda_select_colonne a, #corps_expo .agenda_select_colonne select, #corps_expo .agenda_select_colonne input.button
background-color : #e52720 !important ;
color : #FFFFFF !important ;

#corps_expo .agenda_select_colonne a:hover, #corps_expo .agenda_select_colonne input.button:hover
background-color : #3a0011 !important ;
color : #FFFFFF !important ;

p.magenda_date_themtype
color : #e82082 ;

div.magenda_ulcentral_image, .magenda_ulcentral_image li
background-color : #eaeaea !important ;
border : 0px ;
margin-bottom : 10px !important ;

.magenda_ulcentral_image li:hover
background-color : #eabfd0 !important ;


div.magenda_ulcentral_image:hover
background-color : #eabfd0 ;
-webkit-transition : background 0.5s ease ;
-moz-transition : background 0.5s ease ;
-o-transition : background 0.5s ease ;
transition : background 0.5s ease ;

.magenda_h3
font-size : 1.2em ;
font-weight : bold ;

ul.magenda_ulcentral_image
margin : 0 ;

.magenda_central_dscc
color :#000000 ;
padding-bottom :0 ;

p.magenda_central_date
color :#000 ;
padding-bottom :0 ;
font-family :"Raleway" ;
font-weight : bold ;

ul.magenda_date_blockinfo_bas h4.magenda_h4_dateid, .magenda_partenaires h4.magenda_h4_dateid
background-color : #d1dbdc ;
padding : 5px ;

a.magenda_button, input.button
background-color : #e52720 !important ;
color : #FFFFFF !important ;
-webkit-transition : background 0.5s ease ;
-moz-transition : background 0.5s ease ;
-o-transition : background 0.5s ease ;
transition : background 0.5s ease ;
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;

.magenda_button:hover, a.button_on, input.button:hover
background-color : #000000 !important ;
color :#FFFFFF ;

#corps_expo a.reset_recherche
color :#FFFFFF ;

/*bibliographie */
.catbiblio h2
font-size : 1.5em ;

.item_biblio_autedit
padding : 0 ;
margin : 0 ;
font-weight : bold ;

.catbiblio .item_biblio
border-bottom : solid 2px #e52720 ;
padding : 20px 0px ;

.catbiblio_resum
margin : 0 ;
padding : 0 ;

.colonne_recherche ul
margin : 0 ;
padding : 0 ;

.div_bloc_rub
background-color : #000000 !important ;
padding : 5px ;

.div_bloc_rub h2
color : #FFFFFF !important ;
font-family : trashhandregular ;

.div_bloc_rub:hover
background-color : #e52720 !important ;

.div_bloc_rub p.chapo_liste_rubrique
font-size:0.9em ;

a.lien_sur_bloc
text-decoration : none ;
color :#FFF !important ;

.webradioZoomSur
margin-bottom : 40px ;

#pied_expo ul.reseauxSociaux li
margin : 5px 0px ;

/*style specifique feminisme */
div.frise-feminisme .spip_documents_center
margin:0 !important ;

.dateSortie
text-align:center ;
font-size : 1.2em ;
padding-top : 20px ;

.interview
padding-top : 20px ;

div.encartGris .spip_documents
padding:0 ;
margin:0 ;

.reveal-modal-surstyle
position : fixed ;

.align-center
text-align : center ;

#texte_expo img
padding-top : 15px ;
padding-bottom : 15px ;

div.textePhoto
margin : 30px 0px ;
text-align : left ;

div.legendePhoto p
margin : 0px ;
text-align : left ;
color :#282455 ;
font-size :0.8em ;

div.importNumelyo img
height : 512px ;
border : solid 1px #000 ;

div.suite
margin:20px 0px 20px 20px ;
text-align:right ;

div.suite a
padding : 20px 60px 20px 0px ;
background : url("plugins/sites_evt/images/feminisme/fleche-droite.png") no-repeat top right ;

div.cond_access_cadre
background-color : #eaeaea ;
padding : 5px ;
margin-top : 5px ;
margin-bottom : 5px ;

div.cond_access_cadre span.lien_inscription_disable, div.cond_access_cadre span.lien_inscription_terminee, div.cond_access_cadre span.lien_inscription_prealable, div.cond_access_cadre span.warning
padding : 7px 0px 5px 32px ;
background-image : url("/squelettes/css/img/picto-attention.png") ;
background-repeat : no-repeat ;

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

span.magenda_interv_leg
font-weight : bold ;
color : #2e2057 ;

a.reset_recherche
background-color : #e52720 ;
color : #FFF ;

a.reset_recherche:hover
background-color : #000 ;
color : #FFF ;

div.encart_colonne_accueil
margin-top : 80px ;

div.encart_colonne_accueil h2
color :#000 ;
margin-bottom : 0px ;
padding-bottom : 0px ;
font-family : trashhandregular ;

div.encart_colonne_accueil #texte_expo img
margin : 0px ;
padding : 0px ;

div.imageGWHS
margin : 50px 0px ;

@media screen and (max-width : 640px)
#document_expo
width:90% ;
margin-left:auto ;
margin-right:auto ;

.bandeauImageMobile
background : url("plugins/sites_evt/images/feminisme/a-corps-et-a-cri.jpg") no-repeat bottom center ;
padding-bottom : 220px ;
text-align : center ;

#bandeau p.bandeauTitre
font-size : 2em ;
margin : 10px 0 0 0 ;

#bandeau p.soustitre
font-size : 1.3em ;

#bandeau p.date, #bandeau p.lieu
font-size : 1em ;

.right-small
border-left : solid 1px #ce869a ;


.videoaccueil
margin-top :30px ;

/*******************************************/
/*cartographie*/
#map
position : relative ;
width : 100% ;
height:500px ;

.mapboxgl-control-container
width : 100% !important ;

.mapboxgl-popup
max-width : 450px !important ;
font : 12px/20px ’Helvetica Neue’, Arial, Helvetica, sans-serif !important ;

.mapboxgl-popup-content h3
font-weight : bold ;

.legend
background-color : #fff ;
border-radius : 3px ;
bottom : 30px ;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.1) ;
font : 12px/20px ’Helvetica Neue’, Arial, Helvetica, sans-serif ;
padding : 10px ;
position : absolute ;
right : 10px ;
z-index : 1 ;

.legend h4
margin : 0 0 10px ;

.legend div span
border-radius : 50% ;
display : inline-block ;
height : 10px ;
margin-right : 5px ;
width : 10px ;

/*******************************************/