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 ;