css
/* Pour la fabrik a placer ensuite dans l’article css correspondant*/
.nav-bar > LI > A:first-child
padding-right:10px !important ;
padding-left:10px !important ;
.contain-to-grid
background:black ;
@font-face
font-family : ’texgyreadventorbold’ ;
src : url(’plugins/expositions/css/webfonts/texgyreadventor-bold-webfont.eot’) ;
src : url(’plugins/expositions/css/webfonts/texgyreadventor-bold-webfont.eot ?#iefix’) format(’embedded-opentype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-bold-webfont.woff’) format(’woff’),
url(’plugins/expositions/css/webfonts/texgyreadventor-bold-webfont.ttf’) format(’truetype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold’) format(’svg’) ;
font-weight : normal ;
font-style : normal ;
@font-face
font-family : ’texgyreadventorregular’ ;
src : url(’plugins/expositions/css/webfonts/texgyreadventor-regular-webfont.eot’) ;
src : url(’plugins/expositions/css/webfonts/texgyreadventor-regular-webfont.eot ?#iefix’) format(’embedded-opentype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-regular-webfont.woff’) format(’woff’),
url(’plugins/expositions/css/webfonts/texgyreadventor-regular-webfont.ttf’) format(’truetype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular’) format(’svg’) ;
font-weight : normal ;
font-style : normal ;
.divider
background:black !important ;
color:black !important ;
border:none !important ;
@font-face
font-family : ’texgyreadventoritalic’ ;
src : url(’plugins/expositions/css/webfonts/texgyreadventor-italic-webfont.eot’) ;
src : url(’plugins/expositions/css/webfonts/texgyreadventor-italic-webfont.eot ?#iefix’) format(’embedded-opentype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-italic-webfont.woff’) format(’woff’),
url(’plugins/expositions/css/webfonts/texgyreadventor-italic-webfont.ttf’) format(’truetype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic’) format(’svg’) ;
font-weight : normal ;
font-style : normal ;
@font-face
.lesaviezvous h4
src : url(’plugins/expositions/css/webfonts/texgyreadventor-bolditalic-webfont.eot’) ;
src : url(’plugins/expositions/css/webfonts/texgyreadventor-bolditalic-webfont.eot ?#iefix’) format(’embedded-opentype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-bolditalic-webfont.woff’) format(’woff’),
url(’plugins/expositions/css/webfonts/texgyreadventor-bolditalic-webfont.ttf’) format(’truetype’),
url(’plugins/expositions/css/webfonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic’) format(’svg’) ;
font-weight : normal ;
font-style : normal ;
body
background :#E3E2E7 url(plugins/expositions/css/fabrik_innov/fond-pictos2.png) no-repeat top center ;
background:url(plugins/expositions/css/fabrik_innov/fond-pictos2.png) no-repeat top center,url(plugins/expositions/css/fabrik_innov/fond.jpg) repeat top left ;
background-attachment:fixed ;
h1
margin:0 ;
padding:0 ;
h2
font-family : ’texgyreadventorregular’ ;
text-transform : uppercase ;
font-size : 1.6em ;
font-weight:normal ;
padding-top : 15px ;
margin-top:0px ;
display : inline ;
h3
font-family : ’texgyreadventorbold’ ;
font-size : 1.2em ;
font-weight:normal ;
color :#DE224F ;
h4
font-family : ’texgyreadventorbold’ ;
font-size : 1.1em ;
font-weight:normal ;
color :#000000 ;
/*menu*/
#menu_expo, #liens_pied_expo
font-family : ’texgyreadventorregular’ ;
text-transform : uppercase ;
ul.nav-bar a, .top-bar-section li a:not(.button), .top-bar-section ul li > a
background-image : url(plugins/expositions/css/fabrik_innov/separateur-menu.png) !important ;
background-repeat : no-repeat !important ;
background-position : right center !important ;
background-color:black !important ;
font-weight : normal !important ;
color :#FFFFFF !important ;
text-decoration : none !important ;
.top-bar
background-color:black !important ;
#liens_pied_expo a, #liens_pied_expo a:visited, #liens_pied_expo a:link
background-image : url(plugins/expositions/css/fabrik_innov/separateur-menu.png) ;
background-repeat : no-repeat ;
background-position : right center ;
font-weight : normal ;
color :#FFFFFF !important ;
text-decoration : none ;
font-size:0.8em ;
ul.nav-bar a:hover, #liens_pied_expo a:hover, #liens_pied_expo a:focus
text-decoration : underline ;
ul.nav-bar li.toggle-topbar a
background-image : none ;
#liens_pied_expo ul
text-align:left ;
#liens_pied_expo li
margin:0 ;
padding:0 ;
#liens_pied_expo a
line-height : 40px ;
padding : 0 15px ;
font-size:0.8em ;
color:white ;
#bandeau
line-height:1.5 ;
padding-bottom:0 ;
#pied_expo
background:black ;
vertical-align : bottom ;
#pied_expo ul
background:black ;
#corps_expo
border-top : solid 2px #000000 ;
#arianne_expo
font-family : ’texgyreadventorregular’ ;
font-size:1.2em ;
#arianne_expo a
color :#000 ;
text-decoration:underline ;
#arianne_expo a:hover
color :#000 ;
text-decoration:none ;
ul.breadcrumbs
background:none ;
border:none ;
padding-left:0 ;
margin:0px 0px 20px 0px ;
font-size:1em ;
div.slogan_expo
font-family : ’texgyreadventorbold’ ;
text-transform : uppercase ;
font-size : 1.5em ;
margin-right:100px ;
padding-top : 20px ;
padding-bottom : 50px ;
line-height :1.2em ;
div.lien_menu_parcours a
color :#FFF ;
font-family : ’texgyreadventorregular’ ;
background-color :#000 ;
width:100% ;
display:block ;
font-size:4em ;
text-align:center ;
line-height:0.8em ;
padding:15px 0px ;
text-decoration : none ;
div.lien_menu_parcours a:hover,div.selected_menu_parcours a
color :#000 ;
font-family : ’texgyreadventorregular’ ;
background-color :#FFF ;
.portrait img
float:left ;
height:auto ;
#portraits_santé img
border:5px solid #AABA0A ;
#portraits_image img
border:5px solid #008789 ;
#portraits_transport img
border:5px solid #60605B ;
#portraits_textile img
border:5px solid #E00747 ;
#portraits_chimie img
border:5px solid #936B7F ;
.qtip-content
font-size : 1.5em ;
line-height:1em ;
.pictos_mots_clefs
float:left ;
width : 10%
#corps_expo
background:white ;
span.date_expo
font-family : ’texgyreadventorbold’ ;
text-transform : uppercase ;
font-size : 1.7em ;
color :#de224f ;
line-height:1.3em ;
span.lieu_expo
font-family : ’texgyreadventorbold’ ;
text-transform : uppercase ;
font-size : 1.8em ;
color :#000000 ;
line-height:1.3em ;
span.citation
font-family : ’texgyreadventoritalic’ ;
display:block ;
margin-top:30px ;
span.entree_expo
display:block ;
text-align:center ;
font-family : ’texgyreadventorbold’ ;
font-size : 1.6em ;
margin-bottom:20px ;
span.entree_expo a
color :#000 ;
span.date_parcours
font-size : 0.4em ;
line-height:0.5em ;
text-align:left ;
span.item_menu_parcours
line-height:0.3em ;
div.lien_menu_parcours a.photoAccueil
padding : 0 ;
ul.fabrik_sous_menu
margin : 0px ;
padding:0px ;
ul.fabrik_sous_menu li
list-style : none ;
font-family : ’texgyreadventorbold’ ;
text-transform : uppercase ;
background-color :#D8D5D9 ;
font-size:1.3em ;
margin : 10px 0px ;
ul.fabrik_sous_menu li a
padding:5px 5px 30px 5px ;
display:block ;
height:100% ;
text-decoration : none ;
/*textile*/
#fabrik_sous_menu_539,#fabrik_sous_menu_544, #fabrik_sous_menu_549
background : #D8D5D9 url("plugins/expositions/css/fabrik_innov/fd-menu-textile.png") no-repeat bottom right ;
#fabrik_sous_menu_539:hover, #fabrik_sous_menu_544:hover, #fabrik_sous_menu_549:hover,#fabrik_sous_menu_539.fabrik_sous_menu_hover, #fabrik_sous_menu_544.fabrik_sous_menu_hover, #fabrik_sous_menu_549.fabrik_sous_menu_hover
background : #DE224F url("plugins/expositions/css/fabrik_innov/fd-menu-textile-over.png") no-repeat bottom right ;
#fabrik_sous_menu_539 a, #fabrik_sous_menu_544 a, #fabrik_sous_menu_549 a
color :#DE224F ;
#fabrik_sous_menu_539 a:hover, #fabrik_sous_menu_544 a:hover,#fabrik_sous_menu_549 a:hover,#fabrik_sous_menu_539.fabrik_sous_menu_hover a, #fabrik_sous_menu_544.fabrik_sous_menu_hover a,#fabrik_sous_menu_549.fabrik_sous_menu_hover a
color :#FFFFFF ;
/*chimie*/
#fabrik_sous_menu_540 a, #fabrik_sous_menu_545 a, #fabrik_sous_menu_550 a
color :#94698C ;
#fabrik_sous_menu_540 a:hover, #fabrik_sous_menu_545 a:hover, #fabrik_sous_menu_550 a:hover,#fabrik_sous_menu_540.fabrik_sous_menu_hover a, #fabrik_sous_menu_545.fabrik_sous_menu_hover a, #fabrik_sous_menu_550.fabrik_sous_menu_hover a
color :#FFFFFF ;
#fabrik_sous_menu_540, #fabrik_sous_menu_545, #fabrik_sous_menu_550
background : #D8D5D9 url("plugins/expositions/css/fabrik_innov/fd-menu-chimie.png") no-repeat bottom right ;
#fabrik_sous_menu_540:hover, #fabrik_sous_menu_545:hover, #fabrik_sous_menu_550:hover,#fabrik_sous_menu_540.fabrik_sous_menu_hover, #fabrik_sous_menu_545.fabrik_sous_menu_hover, #fabrik_sous_menu_550.fabrik_sous_menu_hover
background : #94698C url("plugins/expositions/css/fabrik_innov/fd-menu-chimie-over.png") no-repeat bottom right ;
/*santé*/
#fabrik_sous_menu_542, #fabrik_sous_menu_546 , #fabrik_sous_menu_551
background : #D8D5D9 url("plugins/expositions/css/fabrik_innov/fd-menu-sante.png") no-repeat bottom right ;
#fabrik_sous_menu_542:hover,#fabrik_sous_menu_546:hover,#fabrik_sous_menu_551:hover ,#fabrik_sous_menu_542.fabrik_sous_menu_hover,#fabrik_sous_menu_546.fabrik_sous_menu_hover,#fabrik_sous_menu_551.fabrik_sous_menu_hover
background : #AABB5A url("plugins/expositions/css/fabrik_innov/fd-menu-sante-over.png") no-repeat bottom right ;
#fabrik_sous_menu_542 a,#fabrik_sous_menu_546 a, #fabrik_sous_menu_551 a
color :#AABB5A ;
#fabrik_sous_menu_542 a:hover, #fabrik_sous_menu_546 a:hover, #fabrik_sous_menu_551 a:hover,#fabrik_sous_menu_542.fabrik_sous_menu_hover a, #fabrik_sous_menu_546.fabrik_sous_menu_hover a, #fabrik_sous_menu_551.fabrik_sous_menu_hover a
color :#FFFFFF ;
/*image*/
#fabrik_sous_menu_543, #fabrik_sous_menu_547, #fabrik_sous_menu_552
background : #D8D5D9 url("plugins/expositions/css/fabrik_innov/fd-menu-image.png") no-repeat bottom right ;
#fabrik_sous_menu_552:hover, #fabrik_sous_menu_543:hover, #fabrik_sous_menu_547:hover,#fabrik_sous_menu_547.fabrik_sous_menu_hover,#fabrik_sous_menu_543.fabrik_sous_menu_hover,#fabrik_sous_menu_552.fabrik_sous_menu_hover
background : #008FA0 url("plugins/expositions/css/fabrik_innov/fd-menu-image-over.png") no-repeat bottom right ;
#fabrik_sous_menu_543 a, #fabrik_sous_menu_547 a, #fabrik_sous_menu_552 a
color :#008FA0 ;
#fabrik_sous_menu_543 a:hover, #fabrik_sous_menu_547 a:hover, #fabrik_sous_menu_552 a:hover,#fabrik_sous_menu_543.fabrik_sous_menu_hover a, #fabrik_sous_menu_547.fabrik_sous_menu_hover a, #fabrik_sous_menu_552.fabrik_sous_menu_hover a
color :#FFFFFF ;
/*transport*/
#fabrik_sous_menu_541, #fabrik_sous_menu_548, #fabrik_sous_menu_553
background : #D8D5D9 url("plugins/expositions/css/fabrik_innov/fd-menu-transport.png") no-repeat bottom right ;
#fabrik_sous_menu_541:hover, #fabrik_sous_menu_548:hover, #fabrik_sous_menu_553:hover,#fabrik_sous_menu_541.fabrik_sous_menu_hover, #fabrik_sous_menu_548.fabrik_sous_menu_hover, #fabrik_sous_menu_553.fabrik_sous_menu_hover
background : #556062 url("plugins/expositions/css/fabrik_innov/fd-menu-transport-over.png") no-repeat bottom right ;
#fabrik_sous_menu_541 a, #fabrik_sous_menu_548 a, #fabrik_sous_menu_553 a
color :#556062 ;
#fabrik_sous_menu_541 a:hover, #fabrik_sous_menu_548 a:hover, #fabrik_sous_menu_553 a:hover,#fabrik_sous_menu_541.fabrik_sous_menu_hover a, #fabrik_sous_menu_548.fabrik_sous_menu_hover a, #fabrik_sous_menu_553.fabrik_sous_menu_hover a
color :#FFFFFF ;
/**** Colonnes de droite *****/
div.colonne_droite
font-size:0.8em ;
line-height:0.8em ;
border-left:2px solid #000000 ;
div.colonne_droite a
text-decoration : underline ;
color :#000000 ;
div.colonne_droite a:hover
text-decoration : none ;
div.colonne_droite p
line-height:1.3em ;
div.portrait_droite
margin-bottom : 40px ;
div.portrait_droite img
padding-right : 5px ;
div.lesaviezvous
color :#FFFFFF ;
line-height:1.3em ;
margin-top:30px ;
margin-bottom:30px ;
min-height:110px ;
.lesaviezvous p
margin:3px 10px 10px 60px ;
.lesaviezvous h4
margin-left:10px ;
color:white ;
font-family : ’texgyreadventorregular’ ;
text-transform : lowercase ;
font-size:1.2em ;
div.fdSante
background : #AABB5A url("plugins/expositions/css/fabrik_innov/saviez-vous.png") no-repeat top left ;
div.fdTextile
background : #DE224F url("plugins/expositions/css/fabrik_innov/saviez-vous.png") no-repeat top left ;
div.fdImage
background : #008FA0 url("plugins/expositions/css/fabrik_innov/saviez-vous.png") no-repeat top left ;
div.fdTransport
background : #556062 url("plugins/expositions/css/fabrik_innov/saviez-vous.png") no-repeat top left ;
div.fdChimie
background : #94698C url("splugins/expositions/css/fabrik_innov/saviez-vous.png") no-repeat top left ;
#le_saviez_vous h4
margin-top:30px ;
div.lesaviezvous a
text-decoration : none ;
color :#FFFFFF ;
div.lesaviezvous a:hover
text-decoration : underline ;
div.transport
background : #556062 url("plugins/expositions/css/fabrik_innov/saviez-vous-transport.png") no-repeat top left ;
div.pda
border:solid 1px #000000 ;
div.pda h4
background-color :#000 ;
color :#FFF ;
font-size:1em ;
margin:0 ;
padding :5px ;
div.pda p
padding:5px ;
div.pda ul
margin : 20px ;
#le_saviez_vous p
margin-top : 30px ;
.reveal-modal .close-reveal-modal
color :#666 ;
background:url("plugins/expositions/css/fabrik_innov/cross-circle.png") no-repeat top right ;
padding-right : 40px ;
padding-bottom : 15px ;
padding-top : 10px ;
font-size : 1em ;
margin-bottom:10px ;
#objet p.dateObjet
font-family : ’texgyreadventorbold’ ;
font-size:4.5em ;
line-height : 1em ;
margin-bottom : 10px ;
padding-bottom:0px ;
#objet h4
text-transform : uppercase ;
/*programme culturel*/
div.agenda_element_event
border-bottom:solid #000000 2px ;
margin-top : 28px ;
p.type_evt_expo
font-family : ’texgyreadventorbold’ ;
text-transform : uppercase ;
font-weight : bold ;
margin-bottom : 0 ;
padding-bottom:0 ;
font-size : 0.8em ;
h3.titre_evt_expo
font-family : ’texgyreadventorbold’ ;
margin-bottom : 0 ;
padding-bottom:0 ;
h3.titre_evt_expo a
color :#DE224F ;
text-decoration : none ;
h3.titre_evt_expo a:hover
text-decoration : underline ;
p.horaire_evt_expo
font-weight:bold ;
color :#000000 ;
font-family : ’texgyreadventorbold’ ;
padding-left : 35px ;
padding-bottom:8px ;
background : url("plugins/expositions/css/fabrik_innov/fleche-topo.png") no-repeat 0px 5px ;
div.logo
border:1px solid #DDDDDD ;
margin-bottom : 40px ;
div.logo img
margin : 15px 15px ;
#soustitre_expo
font-family : ’texgyreadventorregular’ ;
text-transform : uppercase ;
font-size : 1.6em ;
font-weight:normal ;
padding-top : 15px ;
margin-top:0px ;
display : inline ;
div.logo_partenaire
padding-top : 80px ;
div.logo_partenaire2
padding-top : 60px ;
div.logo_partenaire img
margin :0px 10px ;
ul.agenda_menu_expo
padding:0 !important ;
margin : 0px 0px 30px 0px !important ;
ul.agenda_menu_expo li
list-style : none ;
padding:0 ;
margin : 3px 0px ; ;
ul.agenda_menu_expo a
color : #FFF !important ;
display : block !important ;
background-color : #000 !important ;
text-decoration : none !important ;
padding-left : 3px !important ;
font-weight : bold !important ;
font-size : 0.9em !important ;
ul.agenda_menu_expo a:hover, li.select_menu_agenda a
color : #FFF !important ;
display : block !important ;
background-color : #DE224F !important ;
p.titre_menu_agenda_expo
font-family : ’texgyreadventorbold’ ;
margin : 0px 0px 0px 0px ;
padding : 0px ;
div.vallee_chimie
background-color :#000000 ;
color :#FFF ;
padding : 5px ;
margin-bottom:20px ;
div.vallee_chimie p
margin:0 ;
padding:0 ;
div.vallee_chimie h3, div.vallee_chimie a
color :#FFF ;
div.pagination_exposition
margin-top:20px ;
a.curent_page_expo
background-color :#000000 ;
color :#FFF ;
padding:0px 5px ;
font-weight : bold ;
div.accueilScolaireAtelier
border-left : 3px solid #000000 ;
padding-left : 20px ;
font-size : 0.8em ;
margin-bottom : 20px ;
div.accueilScolaireAtelier p
line-height :1.3em ;
margin-bottom : 5px ;
padding : 0 ;