/* Copyright (C) 2004-2010 Copyright MICHAEL CULTURE AISBL See LICENCE file. */ body { margin: 0; padding: 0; font-size: 10px; font-family: Arial, Verdana, sans-serif; } h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; list-style-type: none; font-size: 10px } #contenu .h1, #contenu .h2, #contenu .h3, #contenu .h4, #contenu .h5, #contenu .h6, #contenu .p, #contenu .ul, #contenu .ul li { margin: 0; padding: 0; list-style-type: none; font-size: 10px } #contenu h1 { font-size: 2em; font-weight: bold; margin: .67em 0; } #contenu h2 { font-size: 1.5em; font-weight: bold; margin: .83em 0; } #contenu h3 { font-size: 1.17em; font-weight: bold; margin: 1em 0; } #contenu h4 { font-weight: bold; margin: 1.33em 0; } #contenu h5 { font-size: 0.83em; font-weight: bold; margin: 1.67em 0; } #contenu h6 { font-size: 0.67em; font-weight: bold; margin: 2.33em 0; } #contenu p { margin: 1em 0; } #contenu ul { list-style-type: disc; margin: 1em 0; } #contenu ul li { list-style-type: disc; } .form { display: inline; } a { color: #333; text-decoration: none; outline: 0 none } a:hover { color: #000; text-decoration: none } a img { border: none } .none { display: none } /****************/ #page { margin: 1em; margin-right: 2em; } #logo { position: absolute; left: 1em; } #logo a { display: block; width: 16em; height: 6.8em; } #logo a img { width: 16em; } #zone2 { margin-left: 19em; min-width: 59em; } h1#Title { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } h1#Title { margin-top: 1em; margin-bottom: 0.2em; } h1#Title .span { font-size: 1.6em; } h3#Title3 { font-weight: normal; color: #000; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic; color: #333; } h3#Title3 .span { font-size: 1.2em; } /** menu **/ #menu { width: 18em; position: absolute; left: 1em; top: 8.9em } #menu h4#browse { text-transform: uppercase; color: #999; font-size: 1em; font-weight: normal; margin-bottom: 0.4em } #menu h3 { color: #999; font-family: Arial, Verdana, sans-serif; font-size: 1.6em; font-weight: normal; margin: 0.1em 0 } #menu ul li { margin-bottom: 0.1em; } #menu ul li a { background: #999 url(../images/menu/c-blanc_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; padding-left: 0.6em } #menu ul li a.on { background: #000 url(../images/menu/c-blanc_noir.gif) no-repeat top right !important; color: #fff !important; } #menu ul li a:hover { background: #666 url(../images/menu/c-blanc_grisfonce.gif) no-repeat top right; } #menu ul li a span { font-size: 1em; } /** variante digital collections **/ #menu h3.digitalCollections { color: #FB8A12; } #menu ul.digitalCollections li a { background: #FB8A12 url(../images/menu/c-blanc_orange.gif) no-repeat top right; } #menu ul.digitalCollections li a:hover { background: #666 url(../images/menu/c-blanc_grisfonce.gif) no-repeat top right; } /** annexes **/ #menu ul.annexes a { display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; background: #fff; color: #333; font-weight: normal; padding-left: 0; } #menu ul.annexes a span { font-size: 1em; display: block; float: left; padding-top: 0.1em; height: 1.7em } #menu ul.annexes a span.icone { width: 3em; margin-left: 0; height: 1.6em; text-align: center; background: #eee no-repeat 50% 50%; color: #fff; margin-right: 0.5em; font-weight: bold; padding-top: 0.1em; } #menu ul.annexes li a { background: #eee url(../images/menu/c-blanc_gristresclair.gif) no-repeat top right; } #menu ul.annexes li a:hover { background: #666 url(../images/menu/c-blanc_grisfonce.gif) no-repeat top right; color: #fff; } #menu #about a span.icone { background-image: url(../images/menu/m_about.gif) } #menu #stories a span.icone { background-image: url(../images/menu/m_stories.gif) } #menu #editorial a span.icone { background-image: url(../images/menu/m_editorial.gif) } /** basket **/ #menu ul.annexes #basket { margin: 0.6em 0; } #menu #basket a { background: #fff none } #menu #basket a:hover { background: #666 url(../images/menu/c-blanc_grisfonce.gif) no-repeat top right; color: #fff; } #menu #basket a span.icone { background-color: #fff; background-image: url(../images/menu/basket_off.png) } /** map **/ #menu ul li#map { margin-top: 1.3em; } #menu ul li#map a { height: 10em; } #menu ul li#map a span.icone { background: transparent } #menu ul li#map a span.iconeMap { background: #fff url(../images/menu/map.png) no-repeat center center; color: #fff; height: 8.3em ; width: 16em; border-top: none; clear: both; margin-top: -0.1em; } /** preferences **/ #menu ul.preferences { margin-top: 0.6em; clear: both } #menu ul.preferences li a { background: none; color: #333; padding-left: 0.2em;; font-weight: normal } #menu ul.preferences li a:hover { color: #666; } /** langues **/ #langues { height: 3.8em; width: 100%; } #langues li { float: left; padding-top: 1.8em; margin-right: 1.5em} #langues li a { text-transform: uppercase; color: #666; } #langues li a span.active { color: #000 !important; font-weight: bold; } #langues li a:hover { text-transform: uppercase; color: #333; } #langues #logoLangues { float: right; margin-top: 1em } /** recherche **/ #rech { background: #eee; height: 2.9em; width: 100%; clear: both; position: relative } #rech ul { padding-top: 0.5em; float: left; } #rech ul li { } #rech ul li#advSearch { position: absolute; top: 0.6em; left: 0 } #rech ul li a { background: #999 url(../images/menu/c-gris_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; width: 16em; } #rech ul li a:hover { background: #666 url(../images/menu/c-gris_grisfonce.gif) no-repeat top right; } #rech ul li a.on { background: #000 url(../images/menu/c-blanc_noir.gif) no-repeat top right !important; color: #fff !important; } #rech ul li a span { font-size: 1em; padding-left: 0.7em; } #rech #quicksearch { position: absolute; right: 0; width: 59em; text-align: right } #rech #quicksearch h5 { margin-top: 0.2em; position: absolute; right: 18em } #rech #quicksearch h5 span { font-size: 1.6em; font-weight: normal; color: #000 } #rech form { display: inline; position: absolute; right: 0} #rech form input.inputtext { display: block; float: left; margin-right: 0.4em; height: 1.1em; margin-left: 0.5em; width: 11em } #rech form .submit { margin-right: 0.3em } /** path **/ #path { height: 2.1em; width: 100%; clear: both; } #path span { font-size: 1.2em; display: block; margin-top: 0.9em; } #path a { color: #666 } #path a:hover { color: #333 } /** contenu **/ #contenu { position: relative; padding-bottom: 1.3em; } #accueil #contenu #articles { margin-right: 23em; padding-top: 0.7em} #accueil #contenu #articles h2 { font-weight: normal; line-height: 1.8em } #accueil #contenu #articles h2 span { font-size: 1.6em; } #accueil #contenu #articles .p { line-height: 1.6em; color: #333; margin-top: 0.2em; } #accueil #contenu #articles .p span { font-size: 1.2em; } #accueil #contenu .chapeau { margin-bottom: 1.8em; } /** stories + latest editorials**/ #accueil #contenu .stories { background: url(../images/stories_illu.gif) no-repeat; padding-left: 7em; margin-bottom: 1.8em; } #accueil #contenu .editorials { margin-bottom: 1.8em; } #accueil #contenu .stories h5 span, #accueil #contenu .editorials h5 span { color: #000; text-transform: uppercase; margin-bottom: 1em } #accueil #contenu .stories h5 span, #accueil #contenu .editorials h5 span { font-size: 1.2em; } #accueil #contenu .stories a, #accueil #contenu .editorials a { color: #FB8A12; line-height: 1.6em; display: block; position: relative; margin-top: 0.1em } #accueil #contenu .stories a span.lien, #accueil #contenu .editorials a span.lien { font-size: 1.2em; margin-left: 0.9em; display: block } #accueil #contenu .stories a span.fleche, #accueil #contenu .editorials a span.fleche { background: url(../images/fleche_off.gif) no-repeat; width: 0.7em; display: block; height: 1em; position: absolute; top: 0.3em; } #accueil #contenu .stories a:hover, #accueil #contenu .editorials a:hover { color: #000; } #accueil #contenu .stories a:hover span.fleche, #accueil #contenu .editorials a:hover span.fleche { background: url(../images/fleche_roll.gif) no-repeat; } /** imageCollection **/ #accueil #imageCollection { width: 20em; position: absolute; right: 0; top: 0; padding-top: 0.9em; } #accueil #imageCollection img{ background: url(../images/legende_tige.gif) no-repeat left bottom; margin-bottom: 1em; width: 20em; } #accueil #imageCollection h4 { color: #000; font-weight: bold } #accueil #imageCollection h4 span { font-size: 1.2em } #accueil #imageCollection h5 { font-weight: bold; line-height: 1.6em; font-weight: normal } #accueil #imageCollection h5 span { font-size: 1.2em } #accueil #imageCollection h5.title span { color: #333 } #accueil #imageCollection h5.artwork span { color: #666 } #accueil #imageCollection h6 { margin-top: 0.3em } #accueil #imageCollection h6.rss a { display: block; width: 2.8em; height: 1.3em; background: url(../images/p_rss.gif) no-repeat } #accueil #imageCollection h6.archives a { color: #FB8A12; line-height: 1.6em; display: block; position: relative } #accueil #imageCollection h6.archives a span.lien { font-size: 1.2em; margin-left: 0.8em; display: block } #accueil #imageCollection h6.archives a span.fleche { background: url(../images/fleche_off.gif) no-repeat; width: 0.7em; display: block; height: 1em; position: absolute; top: 0.3em } #accueil #imageCollection h6.archives a:hover { color: #000; } #accueil #imageCollection h6.archives a:hover span.fleche { background: url(../images/fleche_roll.gif) no-repeat; } /** footer **/ #footer { border-top: 0.1em solid #999; padding-top: 0.7em; padding-bottom: 2.5em; } #footer li { float: left } #footer li a { font-size: 1.2em; color: #666; margin-right: 1em } #footer li a:hover { color: #333; } /**** GABARIT LISTE ****/ /** menu liste **/ #menu #menuList { background: #ebebeb; padding: 0.9em 0.5em; padding-top: 0; border: 1px solid #999 ; border-style: solid none; margin-bottom: 2em} #menu #menuList h4 { font-weight: normal; color: #333; font-size: 1.2em; margin-top: 0.9em; margin-bottom: 0.3em; } #menu #menuList select { font-family: Arial, Verdana, sans-serif; border-width: 1px; width: 11.5em; } #menu #menuList select option.sep { color: #fff } #menu #menuList select#translate { font-size: 1.3em } #menu #menuList select#itemsNum { width: 5em; font-size: 1.3em } #menu #menuList select#itemsNum option { } #menu #menuList select#filterType { font-size: 1.3em; width: 9.5em; } #menu #menuList #inputFilter { width: 11.3em; border-width: 1px; margin-bottom: 0.4em; } #menu #menuList select.sortBy { text-transform: uppercase; font-size: 1em; margin-bottom: 1px; padding-top: 1px; font-weight: bold; width: 11.5em; } #menu #menuList select.sortBy option { text-transform: none; font-weight: normal; font-size: 1.2em } #menu #menuList select.sortBy option.titre { text-transform: uppercase; font-weight: bold; font-size: 1em } /** contenu liste **/ /** tools **/ #contenu #resTools { position: absolute; right: 0 } #contenu #resTools li { display: inline } #contenu #resTools li a { float: left; display: block; height: 1.8em; } #contenu #resTools li#bookmarkIt a { background: url(../images/p_favori.gif) no-repeat center center; width: 1.7em; margin: 0 1em; } #contenu #resTools li#addChecked a { width: 1.7em; ; background: url(../images/p_basket-add.gif) no-repeat center center; color: #fff; padding-left: 0; } #contenu #resTools li#toolPrint a { background: url(../images/p_imprimer.gif) no-repeat center center; width: 1.7em; margin: 0 1em; } #contenu #resTools li#toolMail a { background: url(../images/p_envoyer.gif) no-repeat center center; width: 1.7em } #contenu #resTools li#toolRSS a { background: url(../images/p_rss.gif) no-repeat center center; width: 2.8em } #contenu #resTools li#toolBasket { margin: 0 0 0 1em; } /** titre **/ #contenu h3#resTitle { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } #fiche #contenu h3#resTitle { margin-top: 1em; margin-bottom: 0.7em; } #contenu h3#resTitle span { font-size: 1.6em; } #contenu h3#resTitle em, #contenu h3#resTitle strong { color: #fb8a12; font-weight: normal; font-style: normal } /** navigation liste **/ #contenu .navRes { background: #ebebeb; padding: 0.5em 0.3em; margin-bottom: 1.5em } #fiche #contenu .navRes { padding-left: 0; clear: both } #contenu .navRes h4 { font-weight: normal; font-size: 1.2em; color: #333; display: inline } #contenu .navRes ul { display: inline } #contenu .navRes ul li { display: inline; padding: 0 0.4em; } #contenu .navRes .previous { margin-left: 0.8em } #fiche #contenu .navRes li.back { padding-left: 0.1em } #fiche #contenu .navRes li.back a { font-weight: bold; } #contenu .navRes a { font-weight: normal; font-size: 1.2em; color: #666 } #contenu .navRes a:hover { color: #333 } #contenu .navRes a.on { color: #000; cursor: default } #contenu .navRes a.inactive { color: #acacac; cursor: default } #contenu .navRes a.inactive:hover { color: #acacac; cursor: default } /** checkbox tool **/ #contenu #checkboxTool { background: #fff; padding: 0.5em 0.3em; height: 1.7em } #contenu #checkboxTool li { float: left; display: block } #contenu #checkboxTool li a{ float: left; display: block; height: 1.7em } #contenu #checkboxTool #addChecked a { width: 2.2em; background: url(../images/p_basket-add.gif) no-repeat 0 0.2em; margin-right: 2em; color: #fff; padding-left: 0; padding-top: 0.3em; } #contenu #checkboxTool #addChecked a span { font-size: 1.4em; padding-left: 0.4em; } #contenu a span { padding-left: 0.7em; } #contenu #checkboxTool #checkAll a, #contenu #checkboxTool #uncheckAll a { width: 16em; background: #ADADAD url(../images/menu/c-blanc_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; margin-right: 1em } #contenu #checkboxTool #checkAll a:hover, #contenu #checkboxTool #uncheckAll a:hover { background: #666 url(../images/menu/c-blanc_grisfonce.gif) no-repeat top right; } /*** liste resultats ***/ #contenu #resultats .table { font-size: 10px; font-family: Arial, Verdana, sans-serif; border: none; border-spacing: 0; padding: 0; margin: 0; margin-top: 2.2em; margin-bottom: 2.5em } #contenu #resultats .table td { padding: 0; margin: 0; vertical-align: top; padding-bottom: 0.5em; line-height: 1.6em; } #contenu #resultats .table td.resInput { padding: 0 0.3em; } #contenu #resultats .table td.resImg { padding-top: 0.3em; } #contenu #resultats .table td.resTexte { padding-right: 0.3em; color: #333; } #contenu #resultats .table td.resTexte span, #contenu #resultats .table td.resTexte a { font-size: 1.2em; font-weight: normal; } #contenu #resultats .table td.resTexte a { text-decoration: underline; } #contenu #resultats .table td.resTexte a:hover { color: #fb8a12; } #contenu #resultats ul.ul {margin-left : 2em;} #contenu #resultats ul.ul li { list-style-type : disc; font-size: 1.2em; } /** fiche **/ #fiche #card { /* Bug impression sous IE: position: relative; */margin-bottom: 1.5em; float: left; width: 100% } #fiche #infos { width: 75%; float: left; } #fiche #visuals { width: 24%; float: right; } #fiche #infos .h2 { color: #fb8a12; font-weight: bold } #fiche #infos .h2 span { font-size: 1.2em; } #fiche #infos .h1 { color: #000; font-weight: bold; } #fiche #infos .h1 span { font-size: 1.6em; } #fiche .block { padding-top: 1em; line-height: 1.6em; margin-top: 1em; } #fiche .block .h4 span { font-size: 1.2em; color: #fb8a12; font-weight: bold } #fiche .block .p span { font-size: 1.2em; color: #000; } #fiche .block em.lang { font-style: italic } #fiche .block em.lang span { font-size: 1.2em; color: #666; } #fiche .block em.lang span a { text-decoration: underline; color: #666 } #fiche .block em.lang span a:hover { color: #333 } #fiche .block.larg { float: left; width: 100%; clear: both } #fiche .block.larg { border-top: 1px solid #999; float: left; width: 100%; clear: both } #fiche .block.larg .h4 { text-transform: uppercase } #fiche .block.larg .h4 span { font-size: 1em } #fiche .block.larg .h5 { font-weight: bold } #fiche .block.larg .h5 span { font-size: 1.2em } #fiche .block.larg a { font-size: 1.2em; text-decoration: underline; color: #333 } #fiche .block.larg a:hover { color: #fb8a12 } #fiche .block.larg.imgPlus { } #fiche .block.larg.imgPlus .imgSet { margin-left: -0.7em } #fiche .block.larg .visual { border: 1px none red; float: left; margin-top: 1em; margin-left: 0.7em } #fiche .block.larg .visual.first { margin-left: 0; } #fiche .block.larg .visual.fourth img, #fiche .block.larg .visual.fourth .legende { } #fiche .block.larg .visual img{ width: 14em; display: block; float: left; } #fiche .block.larg .visual .legende { float: left; } #fiche #visuals { text-align: right } #fiche .visual { } #fiche .visual img{ width: 14em; display: block; float: right; } #fiche .visual h4 { color: #000; font-weight: bold } #fiche .visual h4 span { font-size: 1.2em } #fiche .visual h5 { font-weight: bold; line-height: 1.6em; font-weight: normal } #fiche .visual h5 span { font-size: 1.2em } #fiche .visual h5.title span { color: #333 } #fiche .visual h5.artwork span { color: #666 } #fiche .visual .legende { float: right; width: 14em; text-align: left; line-height: 1.6em; clear: both; } #fiche .visual .legende a { display: block; background: url(../images/zoom_on.png) no-repeat left top; height: 35px; } #fiche .visual .legende a:hover { background: url(../images/zoom_roll.png) no-repeat left top; } #fiche .visual .legende a:hover { } #fiche .visual .legende a span { font-size: 1.4em; } #fiche .visual .legende .h5 { margin-top: 0.2em } #fiche .visual .legende .title { font-weight: bold; color: #000; margin-top: 0.4em; } #fiche .visual .legende .creator { font-weight: normal; color: #000 } #fiche .visual .legende .legal { font-weight: normal; color: #999 } #menu .dwnld#menuList { padding: 0; border: 1px solid #999 ; border-style: solid none; margin-bottom: 2em} #menu .dwnld#menuList h4, #menu .dwnld#menuList select, #menu .dwnld#menuList #downloadChoice { margin-left: 0.5em; } #downloadChoice { line-height: 1.6em } #downloadChoice { font-size: 1.2em } #downloadChoice a { text-decoration: underline } #buttonDownload { background: #999 url(../images/menu/c-gris_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; width: 16em; margin-left: -0.5em; margin-top: 0.6em; margin-bottom: -1em } #buttonDownload { background: #999 url(../images/menu/c-gris_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; width: 16em; margin-left: 0; margin-top: 0.6em; margin-bottom: 0; position: relative } #buttonDownload:hover { background: #666 url(../images/menu/c-gris_grisfonce.gif) no-repeat top right; } #buttonDownload span { margin-left: 0.5em; } /** article **/ #article #contenu { width: 100%; } #article h1#artTitle { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } #article h1#artTitle { margin-top: 1em; margin-bottom: 0.2em; } #article h1#artTitle .span { font-size: 1.6em; } #contenu h3#artTitle3 { font-weight: normal; color: #000; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic } #contenu h3#artTitle3 .span { font-size: 1.2em; } #contenu h2.artTitle2 { font-weight: bold; color: #000; line-height: 1.6em; margin-bottom: 0; color: #fb8a11; } #contenu h2.artTitle2 .span { font-size: 1.2em; } #article #articleBody { position: relative; margin-bottom: 0; float: left; width: 100%; } #article p.articleSum { line-height: 1.6em; color: #333; margin-right: 17em; font-weight: bold; margin-bottom: 1.5em; padding-right: 8% } #article p.articleSum .span { font-size: 1.2em; } #article .block { padding-top: 0; line-height: 1.6em; margin-top: 0; margin-bottom: 1.5em; float: left; width: 100%; } #article .block .para { float: left; width: 75%; } #article .block .p { line-height: 1.6em; color: #333; ; margin-bottom: 1em } #article .block .p .span { font-size: 1.2em; } #article .block .p a { text-decoration: underline } #article .block .p a:hover { color: #fb8a11; } #article .block .ul { line-height: 1.6em; color: #333; list-style-type: none; margin: 0; margin-top: -1em; margin-bottom: 1em } #article .block .ul.linksList li { } #article .block .ul.linksList a { text-decoration: underline; font-size: 1.2em; background: url(../images/fleche_off.gif) no-repeat 0 2px; padding-left: 11px } #article .block .ul.linksList a:hover { background: url(../images/fleche_roll.gif) no-repeat 0 2px; color: #fb8a11; } #article .block .visual { width: 24%; float: right; } #article .block.visual2 { float: left; width: 100%; margin-top: 0.5em; } #article .block.visual2 .imgbg { width: 100%; float: left; position: relative; margin-bottom: 1em; } #article .block.visual2 .imgblc { float: left; width: 75%; text-align: right; } #article .block.visual2 .legende { float: right; width: 25% !important; position: absolute; right: 0; bottom: 0; } #article .visual.visual2 img{ width: auto !important; } #article .visual.visual2 .legende a { display: block; background: url(../images/zoom_on2.png) no-repeat left top !important; height: 40px !important; } #article .visual.visual2 .legende a:hover { background: url(../images/zoom_roll2.png) no-repeat left top !important; height: 40px !important; } #article .visual.visual2 .legende .h5 { margin-top: 0.2em; padding-left: 1.8em } #article .block .ul.linksList.downl { margin-top: 0; float: left } #article .block .ul.linksList.downl a { padding-left: 25px; display: block; line-height: 2.5em; } #article .block .ul.linksList.downl a.dwnldpdf, #article .block .ul.linksList.downl a.dwnldpdf:hover { background: url(../images/pdf.png) no-repeat 0 2px; } #article .block .ul.linksList.downl a.dwnldimg, #article .block .ul.linksList.downl a.dwnldimg:hover { background: url(../images/img.png) no-repeat 0 6px; } #article .block .ul.linksList.downl a.dwnldzip, #article .block .ul.linksList.downl a.dwnldzip:hover { background: url(../images/zip.png) no-repeat 0 6px; } #article .block .h4 .span { font-size: 1.2em; color: #fb8a12; font-weight: bold } #article .block .p .span { font-size: 1.2em; } #article .visual { } #article .visual img{ width: 14em; display: block; float: right; } #article .visual h4 { color: #000; font-weight: bold } #article .visual h4 .span { font-size: 1.2em } #article .visual h5 { font-weight: bold; line-height: 1.6em; font-weight: normal } #article .visual h5 .span { font-size: 1.2em } #article .visual h5.title .span { color: #333 } #article .visual h5.artwork .span { color: #666 } #article .visual .legende { float: right; width: 14em; text-align: left; line-height: 1.6em; clear: both; } #article .visual .legende a { display: block; background: url(../images/zoom_on.png) no-repeat left top; height: 35px; } #article .visual .legende a:hover { background: url(../images/zoom_roll.png) no-repeat left top; } #article .visual .legende a:hover { } #article .visual .legende a .span { font-size: 1.4em; } #article .visual .legende .h5 { margin-top: 0.2em } #article .visual .legende .title { font-weight: bold; color: #000; margin-top: 0.4em; } #article .visual .legende .creator { font-weight: normal; color: #000 } #article .visual .legende .legal { font-weight: normal; color: #999 } /** recherche **/ #recherche h1#Title { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } #recherche h1#Title { margin-top: 1em; margin-bottom: 0.2em; } #recherche h1#Title .span { font-size: 1.6em; } #recherche h3#Title3 { font-weight: normal; color: #000; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic; color: #333 } #recherche h3#Title3 .span { font-size: 1.2em; } #recherche h2.Title2 { font-weight: bold; color: #000; line-height: 1.6em; margin-bottom: 0; color: #fb8a11; } #recherche h2.Title2 .span { font-size: 1.2em; } #searchMenu { height: 1.7em; width: 100%; border-bottom: 1px solid #333; overflow: hidden } #searchMenu li { margin-bottom: 0.1em; float: left; width: 33%; border-left: 1% solid #fff; } #searchMenu #searchM3 { border-left: none; width: 34% } #searchMenu li a { background: #999 url(../images/menu/c-blanc_grisclair2.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; padding-left: 0 } #searchMenu li a.on { background: #000 url(../images/menu/c-blanc_noir2.gif) no-repeat top right !important; color: #fff !important; } #searchMenu li a:hover { background: #666 url(../images/menu/c-blanc_grisfonce2.gif) no-repeat top right; } ul#searchMenu li#searchM3 a { background: #999 url(../images/menu/c-blanc_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; padding-left: 0 } #searchMenu li#searchM3 a.on { background: #000 url(../images/menu/c-blanc_noir.gif) no-repeat top right !important; color: #fff !important; } #searchMenu li#searchM3 a:hover { background: #666 url(../images/menu/c-blanc_grisfonce.gif) no-repeat top right; } #searchMenu li a span { font-size: 1em; } #recherche #searchBody { background: #eee; font-size: 10px; float: left; width: 100%; border-bottom: 1px solid #999 } #recherche #searchBody .help { font-weight: normal; color: #333; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic; margin-bottom: 1.6em; margin-left: 3.3em; margin-right: 1em; float: left; margin-top: 1.6em; } #recherche #searchBody .help .span { font-size: 1.2em; } #searchBody form { float: left; clear: both; width: 100% } #searchBody form div.searchRow { height: 3.6em } #searchBody form div.searchRow div { } #searchBody form .less { float: left; width: 3.2em; } #searchBody form .operat { float: left; width: 7.7em; width: 13% } #searchBody form .criter { float: left; width: 18.4em; width: 28% } #searchBody form .words { float: left; width: 26.8em; width: 49%; text-align: right; position: relative } #searchBody form .choice { float: right; width: 2.3em; } #searchBody form .less a { float: left; width: 30px; height: 17px; background: url(../images/boutonsuppr_off.gif) no-repeat 9px 2px; } #searchBody form .less a:hover { background-image: url(../images/boutonsuppr_roll.gif); } #searchBody form .choice a { float: right; width: 2.5em; height: 17px; background: url(../images/boutoni_off.gif) no-repeat 0 1px; } #searchBody form .choice a:hover { background-image: url(../images/boutoni_roll.gif); } #searchBody form .operator { width: 90%; font-family: Arial, Verdana, sans-serif; border-width: 1px; font-size: 1.2em } #searchBody form .wordsInput { width: 98%; font-family: Arial, Verdana, sans-serif; border-width: 1px; font-size: 1.2em } #searchBody form .criterSelect { width: 90%; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 1.1em; font-family: Arial, Verdana, sans-serif; border-width: 1px; } #searchBody form select option { height: 1.3em; } #addMenu { height: 1.7em; margin-left: 3.2em !important ; width: 19.7em } #addMenu li { margin-bottom: 0.1em; float: left; width: 19.6em; } #addMenu li a { background: #999 url(../images/menu/c-blanc_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; padding-left: 0 } #addMenu li a.on { background: #000 url(../images/menu/c-blanc_noir.gif) no-repeat top right !important; color: #fff !important; } #addMenu li a:hover { background: #666 url(../images/menu/c-blanc_grisfonce.gif) no-repeat top right; } #addMenu li a span { font-size: 1em; padding-left: 0 !important; } #addMenu li a .icone { float: left; width: 20px; height: 16px; background: url(../images/boutonajout_off.gif) no-repeat 2px 2px; } #searchButt { text-align: right; margin-bottom: 0.8em; float: right; color: #333; padding:0 1em 0 0 } #searchButt .span { font-size: 1.6em; float: left } #recherche #searchBody .submit { padding: 0 0 0 .3em } #searchBody form .wordsList { border: 1px solid #000; width: 98%; position: absolute; right: 0; text-align: left; background: #adadad; padding-top: 0.1em; padding-bottom: 0.9em; margin-top: 0.1em } #searchBody form .wordsList li { line-height: 1.8em } #searchBody form .wordsList a { font-size: 1.2em; display: block; color: #fff; padding-left: 0.5em } #searchBody form .wordsList a:hover { background: #333 } /** liste 2 **/ #liste2 h1#Title { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } #liste2 h1#Title { margin-top: 1em; margin-bottom: 0.2em; } #liste2 h1#Title .span { font-size: 1.6em; } #liste2 h3#Title3 { font-weight: normal; color: #000; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic; color: #333 } #liste2 h3#Title3 .span { font-size: 1.2em; } #liste2Body .ul { position: relative } #liste2Body .ul li { font-weight: bold; padding-left: 13px; margin-bottom: 1em; position: relative } #liste2Body .ul li a.lien { font-size: 1.2em; color: #fb8a12; } #liste2Body .ul li a.lien:hover { color: #000; } /* #liste2Body .ul li a.close { position: absolute; width: 10px; height: 17px; left: 0; background: url(../images/bouton_ferme_off.gif) no-repeat 0 2px; } #liste2Body .ul li a.close:hover { background: url(../images/bouton-ferme_roll.gif) no-repeat 0 2px; } #liste2Body .ul li a.open { position: absolute; width: 10px; height: 17px; left: 0; background: url(../images/bouton_ouvert_off.gif) no-repeat 0 2px; } #liste2Body .ul li a.open:hover { background: url(../images/bouton-ouvert_roll.gif) no-repeat 0 2px; } */ #liste2Body .ul li .ul { padding-top: 0 } #liste2Body .ul li .ul li { font-weight: normal; margin-bottom: 0; line-height: 1.6em } #liste2Body .ul li .ul li.folderLi { margin-top: 0.2em } #liste2Body .ul li .ul li a.open, #liste2Body .ul li .ul li a.close { background-position: 0 3px !important; } #liste2Body .ul li .ul li a.lien { color: #333; text-decoration: underline } #liste2Body .ul li .ul li a.folder { color: #fb8a12; text-decoration: none; margin-top: 0.5em; } #liste2Body .ul li .ul li a.lien:hover { color: #fb8a12; } #liste2Body .ul li .ul li a.lien.folder:hover { color: #000; } /** Preferences **/ #prefs h1#Title { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } #prefs h1#Title { margin-top: 1em; margin-bottom: 0.2em; } #prefs h1#Title .span { font-size: 1.6em; } #prefs h3#Title3 { font-weight: normal; color: #000; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic; color: #333 } #prefs h3#Title3 .span { font-size: 1.2em; } #prefs h2.Title2 { font-weight: bold; color: #000; line-height: 1.6em; margin-bottom: 0; color: #fb8a11; } #prefs h2.Title2 .span { font-size: 1.2em; } #prefs #prefBody { background: #eee; font-size: 10px; float: left; width: 100%; border-bottom: 1px solid #999; border-top: 1px solid #999 } #prefBody form { float: left; clear: both; width: 100% } #prefBody form div#prefFields { border-top: 1px solid #eee; margin-left: 3.2em; margin-top: 1.3em; margin-bottom: 1.1em } #prefBody form div#prefFields label { display: block; color: #333; margin-top: 1em; margin-bottom: 0.3em } #prefBody form div#prefFields label span { font-size: 1.2em } #prefBody form div#prefFields input { font-size: 1.2em } #prefBody form div#prefFields .inpRadio { font-size: 1.2em; } #prefBody form div#prefFields #defaultLang { width: 13em; } #prefBody form div#prefFields #resultNum { width: 5em; } #prefs #prefBody .submit { margin-right: 0.7em; float: right; } #prefBody #searchButt { text-align: right; margin-bottom: 0.8em; float: right; width: 8.3em; color: #333; } #prefBody #searchButt .span { font-size: 1.6em; float: left; } #prefBody #recherche #searchBody .submit { margin-right: 0.7em; float: right; } /** contact **/ #contact h1#Title { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } #contact h1#Title { margin-top: 1em; margin-bottom: 0.2em; } #contact h1#Title .span { font-size: 1.6em; } #contact h3#Title3 { font-weight: normal; color: #000; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic; color: #333 } #contact h3#Title3 .span { font-size: 1.2em; } #contact h2.Title2 { font-weight: bold; color: #000; line-height: 1.6em; margin-bottom: 0; color: #fb8a11; } #contact h2.Title2 .span { font-size: 1.2em; } #contact #contactBody { background: #eee; font-size: 10px; float: left; width: 100%; border-bottom: 1px solid #999; border-top: 1px solid #999; position: relative } #contactBody form { float: left; clear: both; width: 100%; } #contactBody form div#contactFields1 { border-top: 1px solid #eee; margin-top: 1.3em; margin-bottom: 2em; width: 31%; margin-left: 3.2em; } #contactBody form div#contactFields2 { border-top: 1px solid #eee; left: 41%; margin-top: 1.3em; margin-bottom: 2em; position: absolute; top: 0; width: 52% } #contactBody form label { display: block; color: #333; margin-top: 1em; margin-bottom: 0.3em } #contactBody form label span { font-size: 1.2em } #contactBody form input { font-size: 1.2em; } #contactBody form div#contactFields1 input { width: 100%; border-width: 1px } #contactBody form div#contactFields2 textarea{ width: 100%; height: 8.8em; border-width: 1px } #contact #contactBody #searchButt { clear: both; margin-top: 1em; margin-bottom: 2em; width: 9.5em } #contact #contactBody .submit { margin-right: 0.7em; float: right } /** Clickable map **/ #carte h1#Title { font-weight: normal; color: #000; line-height: 1.8em; margin-bottom: 1.5em; } #carte h1#Title { margin-top: 1em; margin-bottom: 0.2em; } #carte h1#Title .span { font-size: 1.6em; } #carte h3#Title3 { font-weight: normal; color: #000; line-height: 1.6em; margin-bottom: 1.5em; font-style: italic; color: #333 } #carte h3#Title3 .span { font-size: 1.2em; } #infoCountry { position: absolute; z-index: 100; visibility: hidden; width: 200px; height: 42px; background: transparent url(../images/oblique2.png) no-repeat } #infoCountry span { font-family: Verdana; font-size: 11px; padding: 2px; position: absolute; left: 7px; top: 18px; display: block } #infoCountry .stl1 { background: #eee; color: #333; border: 1px solid #333 } #infoCountry .stl2 { background: #eee; color: #333; border: 1px solid #333 } #infoCountry .stl3 { background: #ddd; color: #333; border: 1px solid #333 } #infoCountry .stl4 { background: #ccc; color: #333; border: 1px solid #333 } #infoCountry .stl5 { background: #ddd; color: #333; border: 1px solid #333 } #coul { position: absolute; left: 20px; top: 20px; background: #adadad url(../images/point9.png) no-repeat center center; width: 30px; height: 30px; visibility: hidden; } #carte #imageMap { position: relative; left: 0; top: 0; background: #adadad; width: 59em; height: 51em; visibility: hidden } #carte #imageMap.monde { width: 59em; height: 35.7em; } #carte #cacheCoul { position: absolute; left: 0; top: 0; width: 59em; height: 51em; overflow: hidden; } #carte .monde #cacheCoul { width: 59em; height: 35.7em; } #carte img { position: absolute; border: none } /** top **/ #chglang { margin-bottom: -1em; } #chglang .span { font-size: 1.2em; } #chglang .span a { font-style: normal; color: #333 } #contenu #top { margin-bottom: 0.4em; display: block; padding-right: 1.3em; background: url(../images/fleche-top.png) no-repeat center right; color: #fb8a12; margin-top: 0.5em; float: right; } #contenu #top:hover { color: #666; } #contenu #top span { font-size: 1.2em; font-weight: bold; padding-left: 0; } /** langues **/ #langues { background: url(../images/fond2a.png) no-repeat } #langues #page { background: url(../images/fond2b.png) no-repeat 99% 0; height: 300px; margin: 0; padding-top: 8em; text-align: center } #langues #contenu { margin: 0 auto; width: 45em; height: 35em; text-align: left; } #langues #logo { position: relative; left: 9em; font-size: 10px } #langues #logo a { display: block; width: 26.2em; height: 10.9em; } #langues #logo a img { width: 26.2em; } #langues #welcome { margin-top: 4.1em; float: left } #langues #welcome .message { color: #666; text-align: right; margin-bottom: 2em; line-height: 1.6em; } #langues #welcome .message .p { display: block; float: left; width: 37.2em; border-right: 1px solid #666 } #langues #welcome .message .p .span { font-size: 1.2em; margin-right: 1.6em; display: block; margin-top: 1.7em; } #langues #welcome .message#lang1 .p .span { margin-top: 0; } #langues #welcome .message a { display: block; float: right; width: 7.5em; text-align: left; text-transform: uppercase; margin-top: 2.1em; } #langues #welcome .message a span { font-size: 1em; display: block; margin-left: 1em; } #langues #welcome .message#lang1 a { margin-top: 0; } #langues #welcome .message a:hover { background: url(../images/fleche_off.gif) no-repeat 0.7em 0.3em; } #eten { margin-top: 3.1em; margin-left: 29em; float: left; } /* ADDING */ #content li.empty { list-style-type: none; font-size:0%; padding : 0pt; margin : 0pt; } #contenu li.empty { list-style-type: none; font-size:0%; padding : 0pt; margin : 0pt; } #contenu #resultats .table td.resTexte span {padding:0 0 0 0;} #searchBody .recherche table td { vertical-align:middle; padding:0 0 0 0; margin: 0 0 0 0; } #searchBody .recherche table td select, #searchBody .recherche table td img, #searchBody .recherche table td input { padding:0 0 0 0; margin: .3em; } #toWebResource{ font-size: 15px; } /* Print models */ body.print {margin : 0 15px;} #printbar {margin-bottom : 10px; text-align : right; } body.print #contenu { margin-top : 2em; } /* RSS pages */ #rss #contenu { margin-top : 2em; } li#titleBar { position: absolute; top: 0.6em; left: 0; } li#titleBar span { background: #999 url(../images/menu/c-gris_grisclair.gif) no-repeat top right; color: #fff; display: block; height: 1.7em; line-height: 1.7em; text-transform: uppercase; font-weight: bold; width: 35em; font-size: 1em; padding-left: 0.7em; } #rss {margin : 5px 15px; }