| New file |
|---|
| 0,0 → 1,718 |
|---|
| @charset "UTF-8"; |
| html { |
| overflow:hidden; |
| } |
| body { |
| overflow:hidden; |
| padding:0; |
| margin:0; |
| width:100%; |
| height:100%; |
| font-family:Arial; |
| font-size:12px; |
| } |
| h1 { |
| font-size:1.6em; |
| } |
| h2 { |
| font-size:1.4em; |
| } |
| a, a:active, a:visited { |
| border-bottom:1px dotted #666; |
| color:#CCC; |
| text-decoration:none; |
| } |
| a:active { |
| outline:none; |
| } |
| a:focus { |
| outline:thin dotted; |
| } |
| a:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| } |
| img { |
| border:none; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Présentation des listes de définitions */ |
| dl { |
| width:100%; |
| margin:0; |
| } |
| dt { |
| float:left; |
| font-weight:bold; |
| text-align:top left; |
| margin-right:0.3em; |
| line-height:0.8em; |
| } |
| dd { |
| width:auto; |
| margin:0.5em 0; |
| line-height:0.8em; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Tableau : */ |
| table { |
| border:1px solid gray; |
| border-collapse:collapse; |
| width:100%; |
| } |
| table thead, table tfoot, table tbody { |
| background-color:Gainsboro; |
| border:1px solid gray; |
| } |
| table tbody { |
| background-color:#FFF; |
| } |
| table th { |
| font-family:monospace; |
| border:1px dotted gray; |
| padding:5px; |
| background-color:Gainsboro; |
| } |
| table td { |
| font-family:arial; |
| border:1px dotted gray; |
| padding:5px; |
| text-align:left; |
| } |
| table caption { |
| font-family:sans-serif; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Tableau : tablesorter */ |
| th.header { |
| background:url(../images/trie.png) no-repeat center right; |
| padding-right:20px; |
| } |
| th.headerSortUp { |
| background:url(../images/trie_croissant.png) no-repeat center right #56B80E; |
| color:white; |
| } |
| th.headerSortDown { |
| background:url(../images/trie_decroissant.png) no-repeat center right #56B80E; |
| color:white; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Générique */ |
| .nettoyage{ |
| clear:both; |
| } |
| hr.nettoyage{ |
| visibility:hidden; |
| } |
| |
| .element-overlay { |
| background-color: #DDDDDD; |
| border:1px solid grey; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Carte */ |
| #carte { |
| padding:0; |
| margin:0; |
| position:absolute; |
| right:0; |
| bottom:0; |
| overflow:auto; |
| width: 100%; |
| height: 100%; |
| } |
| |
| .carte_titree { |
| top:35px; |
| } |
| |
| .carte_non_titre { |
| top:0px; |
| } |
| |
| .bouton { |
| background-color:white; |
| border:2px solid black; |
| cursor:pointer; |
| text-align:center; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Message de chargement */ |
| |
| #zone-chargement-point { |
| display: none; |
| position: fixed; |
| left: 110px; |
| top: 10px; |
| z-index: 3000; |
| width: 180px; |
| height: 42px; |
| padding: 7px; |
| text-align: center; |
| background-color: rgba(255, 255, 255, 0.85); |
| border: solid #dedede 1px; |
| border-radius: 4px; |
| } |
| #legende-chargement { |
| padding-top: 7px; |
| } |
| #img-chargement { |
| float: left; |
| margin-right: 5px; |
| } |
| |
| #chargement { |
| margin:25px; |
| text-align:center; |
| |
| } |
| #chargement img{ |
| display:block; |
| margin:auto; |
| } |
| |
| #message-aucune-obs p { |
| padding-top : 25px; |
| font-weight: bold; |
| } |
| |
| #message-aucune-obs { |
| background-image: url("../images/attention.png"); |
| background-position: 50% 10px; |
| background-repeat: no-repeat; |
| display: none; |
| height: 70px; |
| padding: 10px; |
| position: fixed; |
| text-align: center; |
| width: 230px; |
| z-index: 3000; |
| } |
| |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Avertissement */ |
| #zone-avertissement { |
| background-color:#DDDDDD; |
| color: black; |
| padding:12px; |
| text-align:justify; |
| line-height:16px; |
| } |
| #zone-avertissement h1{ |
| margin:0; |
| } |
| #zone-avertissement a { |
| border-bottom:1px dotted gainsboro; |
| } |
| |
| #zone-avertissement a, a:active, a:visited { |
| color: #666666; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Carte titre */ |
| |
| #zone-titre { |
| top: 30px; |
| } |
| |
| #zone-titre, #zone_stats { |
| padding:0; |
| position:absolute; |
| height:25px; |
| overflow:hidden; |
| border-radius: 4px; |
| z-index: 3000; |
| display: inline-block; |
| padding:8px; |
| color: black; |
| font-family: inherit; |
| font-size: 1.1em; |
| font-weight: bold; |
| text-rendering: optimizelegibility; |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
| } |
| |
| #zone-info { |
| position:absolute; |
| top:26px; |
| z-index:3001; |
| right:8px; |
| width: 25px; |
| text-align:right; |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
| border-radius: 5px 5px 5px 5px; |
| } |
| |
| #zone-info a { |
| border: none; |
| } |
| |
| |
| #logo { |
| left: 2px; |
| padding: 4px; |
| position: absolute; |
| top: 5px; |
| z-index: 3002; |
| width: 60px; |
| } |
| .image-logo { |
| padding: 5px; |
| background-color: rgba(255, 255, 255, 0.9); |
| border: solid #dedede 1px; |
| border-radius: 4px; |
| } |
| #logo a { |
| border-bottom: none; |
| } |
| |
| #carte-titre { |
| display:inline-block; |
| margin:0; |
| padding:0em; |
| } |
| #carte-titre {/*Hack CSS fonctionne seulement dans ie6, 7 & 8 */ |
| display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */ |
| display /*\**/:inline\9;/*Hack CSS pour ie8 */ |
| } |
| |
| #image-utilisateur { |
| position: absolute; |
| right: 5px; |
| top: 40%; |
| } |
| |
| #lien-affichage-filtre-utilisateur { |
| right: 5px; |
| float: right; |
| padding-bottom: 1px; |
| cursor: pointer; |
| font-weight: bold; |
| margin-left: 25px; |
| padding: 3px; |
| position: relative; |
| top: 3px; |
| width: 117px; |
| height: 30px; |
| } |
| |
| #conteneur-filtre-utilisateur.ferme:hover { |
| color: #222222; |
| background-color: #AAAAAA; |
| text-decoration: none; |
| cursor: pointer; |
| border: 1px solid #222222; |
| } |
| |
| #conteneur-filtre-utilisateur { |
| float: right; |
| padding: 3px; |
| position: absolute; |
| right: 5px; |
| top: 31px; |
| border-radius: 5px 5px 5px 5px; |
| width: 117px; |
| max-width: 350px; |
| } |
| |
| .largeurAuto { |
| width: auto; |
| } |
| |
| #raz-filtre-utilisateur { |
| color: red; |
| padding-left: 1px; |
| word-wrap: break-word; |
| width: 110px; |
| } |
| |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Panneau latéral */ |
| #panneau-lateral { |
| padding:0; |
| margin:0; |
| position:absolute; |
| top: 90px; |
| left:0; |
| bottom:0; |
| width: 83px; |
| overflow:hidden; |
| height: 25px; |
| z-index: 3001; |
| border-top-right-radius : 10px; |
| border-bottom-right-radius : 10px; |
| } |
| #pl-indication-filtre { |
| margin-left : 25px; |
| padding : 3px; |
| font-weight: bold; |
| padding: 3px; |
| position: relative; |
| top: 3px; |
| } |
| #pl-contenu { |
| display:none; |
| } |
| #pl-entete { |
| height:95px; |
| } |
| #pl-corps { |
| bottom:0; |
| overflow:auto; |
| padding:5px; |
| width:290px; |
| } |
| #pl-ouverture, #pl-fermeture { |
| position:absolute; |
| top:0; |
| height:60px; |
| width:24px; |
| text-align:center; |
| cursor:pointer; |
| } |
| #pl-ouverture { |
| left:0; |
| background:url(../images/ouverture.png) no-repeat top left #4A4B4C; |
| height:100%; |
| } |
| #pl-fermeture { |
| display:none; |
| right: 0; |
| background:url(../images/fermeture.png) no-repeat top right #4A4B4C; |
| } |
| #pl-ouverture span, #pl-fermeture span{ |
| display:none; |
| } |
| /* Panneau latéral : balises */ |
| #panneau-lateral h2, #panneau-lateral p { |
| color:black;} |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Liste des taxons de la carte */ |
| #taxons { |
| color:black; |
| } |
| #taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif { |
| color:#56B80E; |
| } |
| #taxons li span, .raz-filtre-taxons { |
| border-bottom:1px dotted #666; |
| color:black; |
| } |
| #taxons li span:focus { |
| outline:thin dotted; |
| } |
| #taxons li span:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| cursor:pointer; |
| } |
| .nt { |
| display:none; |
| } |
| .raz-filtre-taxons { |
| cursor:pointer; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Zone des stats en bas */ |
| #zone-stats { |
| padding:0; |
| position:absolute; |
| height:25px; |
| bottom:20px; |
| overflow:hidden; |
| border-radius: 4px; |
| z-index: 3000; |
| display: inline-block; |
| padding:8px; |
| color: black; |
| font-family: inherit; |
| font-size: 1.1em; |
| font-weight: bold; |
| text-rendering: optimizelegibility; |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
| } |
| |
| #zone-stats h1 { |
| margin-top: 0; |
| } |
| |
| #lien_plein_ecran, #lien-voir-cc { |
| position: absolute; |
| z-index: 3000; |
| border-radius: 4px; |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; |
| padding: 8px 8px 4px; |
| font-size: 1.1em; |
| font-weight: bold; |
| } |
| |
| #lien_plein_ecran { |
| bottom: 20px; |
| left: 5px; |
| } |
| |
| #lien_plein_ecran a, #lien-voir-cc a { |
| color: black; |
| padding: 2px; |
| border-bottom: none; |
| } |
| |
| #lien_plein_ecran img { |
| height: 20px; |
| } |
| |
| #lien-voir-cc { |
| bottom: 3px; |
| right: 5px; |
| bottom: 20px; |
| height: 20px; |
| } |
| |
| #origine-donnees { |
| -moz-user-select: none; |
| background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent; |
| color: #444444; |
| direction: ltr; |
| font-family: Arial,sans-serif; |
| font-size: 10px; |
| font-weight: bold; |
| height: 19px; |
| line-height: 19px; |
| padding-left: 50px; |
| padding-right: 2px; |
| bottom: 0px; |
| position: absolute; |
| text-align: right; |
| white-space: nowrap; |
| z-index: 3001; |
| } |
| |
| #origine-donnees a { |
| color: #444444; |
| cursor: pointer; |
| text-decoration: underline; |
| border-bottom: none; |
| } |
| #origine-donnees a:active, #origine-donnees a:visited { |
| border-bottom: 1px dotted #666666; |
| color: #CCCCCC; |
| text-decoration: none; |
| } |
| |
| #origine-donnees a:visited { |
| border-bottom: 1px dotted #666666; |
| color: #444444; |
| text-decoration: none; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Pop-up observations */ |
| #info-bulle{ |
| min-height:500px; |
| width:500px; |
| } |
| #observations { |
| overflow:none; |
| margin:-1px 0 0 0; |
| border: 1px solid #AAA; |
| border-radius:0 0 4px 4px; |
| } |
| #obs-pieds-page { |
| font-size:10px; |
| color:#CCC; |
| clear:both; |
| } |
| .ui-tabs { |
| padding:0; |
| } |
| .ui-widget-content { |
| border:0; |
| } |
| .ui-widget-header { |
| background:none; |
| border:0; |
| border-bottom:1px solid #AAA; |
| border-radius:0; |
| } |
| .ui-tabs-selected a { |
| border-bottom:1px solid white; |
| } |
| .ui-tabs-selected a:focus { |
| outline:0; |
| } |
| .ui-tabs .ui-tabs-panel { |
| padding:0.2em; |
| } |
| .ui-tabs .ui-tabs-nav li a { |
| padding: 0.5em 0.6em; |
| } |
| #obs h2 { |
| margin:0; |
| text-align:center; |
| } |
| #observations a { |
| color:#333; |
| border-bottom:1px dotted gainsboro; |
| } |
| #observations a:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| } |
| .nom-sci{ |
| color:#454341; |
| font-weight:bold; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Pop-up observations : liste */ |
| .cel-img-principale { |
| height:0;/*Pour IE*/ |
| } |
| .cel-img-principale img{ |
| float:right; |
| height:75px; |
| width:75px; |
| padding:1px; |
| border:1px solid white; |
| } |
| #observations .cel-img:hover img{ |
| border: 1px dotted #56B80E; |
| } |
| .cel-img-secondaire, .cel-infos{ |
| display: none; |
| } |
| ol#obs-liste-lignes { |
| padding:5px; |
| margin:0; |
| } |
| .champ-nom-sci { |
| display:none; |
| } |
| #obs-liste-lignes li dl {/*Pour IE*/ |
| width:350px; |
| } |
| .obs-conteneur{ |
| counter-reset: item; |
| } |
| .obs-conteneur .nom-sci:before { |
| content: counter(item) ". "; |
| counter-increment: item; |
| display:block; |
| float:left; |
| } |
| .obs-conteneur li { |
| display: block; |
| margin-bottom:1em; |
| } |
| |
| .lien-widget-saisie { |
| background: url("../images/saisie.png") no-repeat scroll left center transparent; |
| border: 1px solid #AAAAAA; |
| background-color: #EEE; |
| padding: 5px 5px 5px 25px; |
| text-decoration: none; |
| border-radius : 5px; |
| } |
| |
| .lien-widget-saisie:hover { |
| color: #222222; |
| background-color: #AAAAAA; |
| text-decoration: none; |
| cursor: pointer; |
| border: 1px solid #222222; |
| } |
| |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Diaporama */ |
| .cel-legende{ |
| text-align:left; |
| } |
| .cel-legende-vei{ |
| float:right; |
| } |
| .cel-legende p{ |
| color: black; |
| font-size: 12px; |
| line-height: 18px; |
| margin: 0; |
| } |
| .cel-legende a, .cel-legende a:active, .cel-legende a:visited { |
| border-bottom:1px dotted gainsboro; |
| color:#333; |
| text-decoration:none; |
| background-image:none; |
| } |
| .cel-legende a:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Plugin Jquery Pagination */ |
| .navigation { |
| padding:5px; |
| float:right; |
| } |
| .pagination { |
| font-size: 80%; |
| } |
| .pagination a { |
| text-decoration: none; |
| border: solid 1px #666; |
| color: #666; |
| background:gainsboro; |
| } |
| .pagination a:hover { |
| color: white; |
| background: #56B80E; |
| } |
| .pagination a, .pagination span { |
| display: block; |
| float: left; |
| padding: 0.3em 0.5em; |
| margin-right: 5px; |
| margin-bottom: 5px; |
| min-width:1em; |
| text-align:center; |
| } |
| .pagination .current { |
| background: #4A4B4C; |
| color: white; |
| border: solid 1px gainsboro; |
| } |
| .pagination .current.prev, .pagination .current.next{ |
| color: #999; |
| border-color: #999; |
| background: gainsboro; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Formulaire de contact */ |
| #form-contact input{ |
| width:300px; |
| } |
| #form-contact textarea{ |
| width:300px; |
| height:200px; |
| } |
| #form-contact #fc_envoyer{ |
| width:50px; |
| float:right; |
| } |
| #form-contact #fc_annuler{ |
| width:50px; |
| float:left; |
| } |
| #form-contact label.error { |
| color:red; |
| font-weight:bold; |
| } |
| #form-contact .info { |
| padding:5px; |
| background-color: #4A4B4C; |
| border: solid 1px #666; |
| color: white; |
| white-space: pre-wrap; |
| width: 300px; |
| } |
| |
| /* hack Fancybox pour que le popup soit toujours au dessus */ |
| #fancybox-wrap { |
| z-index: 3100; |
| } |