Lyon sur tous les fronts !

Une ville dans la grande guerre

css

body
background : #F0A319 url("plugins/expositions/css/1418/fd-page.jpg") repeat top center ;

h1
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 2.6em ;
font-weight : 700 ;
margin-top :0 ;
margin-bottom : 10px ;

h2
color :#000000 ;
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.8em ;
font-weight : 700 ;

h3, #soustitre_expo
color :#FF9900 ;
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.1em ;
font-weight : 700 ;
padding-bottom : 10px ;

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

#map-canvas imgmax-width : inherit ;

html
height : 100%

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

#corps_expo
background-color : #FFFFFF ;

#pied_expo
background-color : #655548 ;

#pied_expo a
text-decoration : none ;
margin-top : 0 ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
font-weight : 700 ;
text-transform : uppercase ;
letter-spacing : normal ;
line-height : normal ;

#pied_expo a:hover
text-decoration : underline ;

.contain-to-grid
background-color : #655548 ;

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

div.entete_titre
height : 185px ;

p.slogan_expo
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.3em ;
font-weight : 700 ;
margin-bottom : 30px ;

p.resume_expo_1418
text-transform : uppercase ;
font-family : ’Roboto-Black’ ;
font-size : 1.8em ;
font-weight : 700 ;
line-height : 1.2em ;

p.resume_apropos_expo_1418
margin-top : 67px ;
text-transform : uppercase ;
font-family : ’Roboto-Black’ ;
font-size : 1.6em ;
font-weight : 700 ;
line-height : 1.2em ;

span.ligne2_resume_1418, span.ligne4_resume_1418
color :#FFFFFF ;

span.ligne3_resume_1418
font-family : ’Roboto-Black’ ;
font-size : 0.95em ;

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

a.lien_expo_twitter
background : url("plugins/expositions/css/1418/logo-twitter.png") no-repeat top left ;
padding-left : 60px ;
padding-bottom : 10px ;
display : block ;

#menu_lyon_entre_guerre a
background : url("plugins/expositions/css/1418/bande1-haut.jpg") no-repeat top left ;
color : #FFFFFF ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-decoration : none ;
padding : 10px 35px 10px 30px ;
display : block ;
height : 56px ;
text-align : center ;

#menu_lyon_entre_guerre a:hover
color : #000000 ;
background : #FFFFFF none ;

#menu_fronts a
background : url("plugins/expositions/css/1418/bande2-haut.jpg") no-repeat top left ;
color : #FFFFFF ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-decoration : none ;
padding : 10px 30px 10px 25px ;
display : block ;
height : 56px ;
text-align : center ;

#menu_fronts a:hover
color : #000000 ;
background : #FFFFFF none ;

#menu_monde a
background : url("plugins/expositions/css/1418/bande3-haut.jpg") no-repeat top left ;
color : #FFFFFF ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-decoration : none ;
padding : 10px 20px 10px 15px ;
display : block ;
height : 56px ;
text-align : center ;

#menu_monde a:hover
color : #000000 ;
background : #FFFFFF none ;

#menu_rythme_guerre a
background : url("plugins/expositions/css/1418/bande4-haut.jpg") no-repeat top left ;
color : #FFFFFF ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-decoration : none ;
padding : 10px 20px 10px 15px ;
display : block ;
height : 56px ;
text-align : center ;

#menu_rythme_guerre a:hover
color : #000000 ;
background : #FFFFFF none ;

#arianne_expo a
color : #000000 ;

#arianne_expo a:hover
text-decoration : none ;

.selected_menu_parcours a
color:black !important ;
background:white !important ;

ul.breadcrumbs
border : none ;

.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 #7e6b5b ;
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


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.2em ;
text-decoration : none ;
border-bottom : solid #FFF 10px ;
width :100% ;
line-height : 1.1em ;
background-color : #655548 ;

/* Aux fronts */
li.sm_aux_fronts_nouvelles a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-aux-fronts.jpg") no-repeat 0px 0px ;

li.sm_aux_fronts_retour_fronts a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-aux-fronts.jpg") no-repeat 0px -65px ;

li.sm_aux_fronts_ville-hopital a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-aux-fronts.jpg") no-repeat 0px -130px ;

li.sm_aux_fronts_oeuvres_guerre a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-aux-fronts.jpg") no-repeat 0px -216px ;

li.sm_aux_fronts_prisonniers_guerre a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-aux-fronts.jpg") no-repeat 0px -281px ;

/* Lyon entre guerre */
li.sm_lyon_guerre_paix a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-lyon-entre-en-guerre.jpg") no-repeat 0px 0px ;

li.sm_lyon_guerre_travail_maire_bm a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-lyon-entre-en-guerre.jpg") no-repeat 0px -65px ;

/* Le monde à Lyon */
li.sm_monde_lyon_poste_frontiere a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-monde-lyon.jpg") no-repeat 0px -60px ;

li.sm_monde_lyon_guerre_mondiale a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-monde-lyon.jpg") no-repeat 0px -145px ;

li.sm_monde_lyon_ville_foires a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-monde-lyon.jpg") no-repeat 0px -230px ;

/* Vivre au rythme de la guerre */
li.sm_vivre_rythme_guerre_produire a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-vivre-rythme-guerre.jpg") no-repeat 0px -0px ;

li.sm_vivre_rythme_guerre_quotidien a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-vivre-rythme-guerre.jpg") no-repeat 0px -65px ;

li.sm_vivre_rythme_guerre_traces a
background : #3C3431 url("plugins/expositions/css/1418/fd-ss-menu-vivre-rythme-guerre.jpg") no-repeat 0px -145px ;

div.expo_sous_menu a:hover, div.expo_sous_menu li.expo_sous_menu_select
background : none ;
background-color : #3b3029 ;
color :#FFFFFF ;

div.expo_sous_menu li.ss_menu_carte_interactive
margin-top : 30px ;

li.ss_menu_carte_interactive a
background : #F4A71D url("plugins/expositions/css/1418/bt-carte-interactive.jpg") no-repeat top left ;
height:130px ;
font-size : 1.8em ;
color :#FFFFFF ;
text-shadow : 2px 2px 4px #000 ;

li.ss_menu_fds_guerre a
background : #E26A00 url("plugins/expositions/css/1418/bt-fds-guerre.png") no-repeat top left ;
height : 80px ;

li.ss_menu_conf_filmees a
background : #1E1D19 url("plugins/expositions/css/1418/bt-conf-filmees.png") no-repeat top left ;
height : 80px ;

li.ss_menu_carte_interactive a, li.ss_menu_fds_guerre a, li.ss_menu_conf_filmees a
border : none ;
margin-bottom : 10px ;

li.ss_menu_fds_guerre a
padding-left : 50px ;

li.ss_menu_carte_interactive a:hover
background-color : #000 ;

li.ss_menu_fds_guerre a:hover
background : #000 url("plugins/expositions/css/1418/bt-fds-guerre.png") no-repeat top left ;

li.ss_menu_conf_filmees a:hover
background : #000 url("plugins/expositions/css/1418/bt-conf-filmees.png") no-repeat top left ;

#pied_expo
margin-top : 0px ;

li.expo_sous_menu_select a
background : none ;
background-color : #3b3029 ;
color :#FFFFFF ;

div.couverture
margin-top :80px ;

div.librairie
text-transform : uppercase ;
font-family : ’Roboto-Black’ ;
font-size : 1.8em ;
font-weight : 700 ;
line-height : 1.2em ;

span.jaune
color :#F4A71D ;

div.logo_vdl
margin-top : 0px ;

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 ;

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

/*agenda*/
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 ;

p.magenda_central_theme
color :#3674D1 ;

p.magenda_central_theme3
color :#9C3F98 ;

p.magenda_central_theme4
color :#CA013A ;

p.magenda_central_theme5
color :#EB6E39 ;

p.magenda_central_theme6
color :#5DA829 ;

p.magenda_central_theme7
color :#A03389 ;

p.magenda_central_theme8
color :#E64135 ;

p.magenda_central_theme9
color :#008ED0 ;

p.magenda_central_theme10
color :#E22383 ;

p.magenda_central_theme11
color :#622181 ;

p.magenda_central_theme12
color :#009538 ;

p.magenda_central_theme13
color :#CB5094 ;

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/expositions/css/1418/fleche-date-agenda.png") no-repeat 0px 3px ;
padding-left : 35px ;
margin-bottom : 0px ;

h3.magenda_h3
font-family : "Roboto-Bold", Arial ;
background:none ;
margin : 0 ;
padding : 0 ;
color :#000000 ;
text-transform : none ;
font-size : 1.3em ;

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


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

a.magenda_button
font-weight : bold ;

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 ;

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 ;

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