WebSVN – eFlore/Applications.eflore-consultation – Diff – /trunk/presentations/styles/eflore.css


@CHARSET "UTF-8";
/*----------------------------------------------------------------------------------------------------------*/
/* Générique */
body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:0.85em;
	background-color:#fff;
	margin:2px;
}
h1, h2, h3, h4 {
	font-weight:bold;
	letter-spacing:0;
}
h1 {
	padding:0 0 0 25px;
	margin:20px 0 10px 0;
	font-size:15px;
	text-transform:uppercase;
	color:#fd8c13;
}
h2 {
	margin:20px 0 12px 0;
	font-size:15px;
	color:#FD8C13;
}
h3 {
	margin:20px 0 12px;
	font-size:14px;
	color:#454341;
}
h4 {
	margin:2px 2px 2px 0;
	font-size:11px;
	font-weight:normal;
	color:#AAAAAA;
}
h1 a, h2 a, h3 a, h4 a {
	color:inherit;
	border-bottom: dotted 1px;
}
h3 a {
	border-color:#CCCCCC;
}
a {
	color:#598000;
	border-bottom:1px dotted #95ae5d;
}
a:hover {
	color:#FD8C13;
	border-bottom:1px dotted #95ae5d;
}
hr{
	color:#62210F;
}
table{
	border-collapse: collapse;
	width:100%;
	margin:5px 0;
}
td,th{
	border:1px solid #36560B;
	padding:7px 5px;
}
th{
	background-color:#EEE;
}
th[title]:after {
    content: " " url("../images/aide.png") !important;
}
caption{
	border:1px solid #36560B;
	background-color:#EEE;
	font-weight:bold;
	padding:2px;
}
img{
	border:0;
}
img a{
	display:block;
}
legend{
	color:#AD5A40;
}
dl {
	width:100%;
}
dt {
	float:left;
	font-weight:bold;
	text-align:top left;
	margin-right:0.3em;
}
dd {
	width:auto;
	margin:0.5em 0;
}
.acceder-outil {
	font-size:0.85em;
}
 
/* @TODO mettre dans commun.css mais line-height déconne */
.acceder-outil-vert {
	display:inline-block;
	line-height: 25px;
	padding-left: 30px;
	padding-right: 10px;
	background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll -1px -1px transparent;
	border-radius: 14px; -moz-border-radius:14px; -webkit-border-radius:14px;
	color:#6C6865;
	font-family:helveticaneue;
	font-size:12px;
	border: solid #d0d0d0 1px;
}
 
#zone-contenu.acceder-outil.img {
	margin-top:-2px;
	margin-bottom:-2px;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Disposition */
#zone-centrale {
	text-align:center;
}
#zone-logo{
	left:18px;
	margin:1px 10px;
	position:absolute;
	top:2px;
	z-index:1;
}
#zone-entete{
	height:121px;
	margin:0;
}
#zone-titre{
	height:38px;
	margin:0;
	text-align:right;
}
#zone-titre h1{
	margin:0 20px 0 0;
	padding:0;
	background-color:transparent;
	font-size:28px;
	font-weight:bold;
}
#zone-corps{
	margin:0;
	text-align:left;
}
#zone-menu{
	position:relative;
	float:left;
	height:21px;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #62210F;
}
#zone-contenu{
	clear:both;
	min-height:300px;
	padding:0 2px;
	text-align:justify;
	border-top:medium none !important;
	border:1px solid #62210F;
}
#zone-pied{
	clear:both;
	text-align:center;
}
 
.ui-tabs { padding:0; position: relative; }
/*----------------------------------------------------------------------------------------------------------*/
/* Logo */
#zone-logo img{
	border:0;
}
#zone-logo a{
	position:absolute;
	top:0;
	left:0;
}
#zone-logo a:hover{
	border:1px dotted;
}
#zone-logo a:hover:after{
	content:" Retour à l'accueil ";
}
/*----------------------------------------------------------------------------------------------------------*/
/* Navigation : onglets */
.onglets { 
	display:inline-block;
	padding:0;
	margin:0;
}
 
#zone_onglets > ul > li > a {
	width: auto;
}
 
.onglets a {
	border:none
}
.onglets li a, .onglets li{
	list-style-image:none;
	padding:5px 3px 5px 3px;
	margin-top:2px;
	background-color:#C2C0AD;
	text-align: center;
}
 
.onglets li.verna{
	width: 220px;
}
 
.onglets li.sci{
	width: 120px;
}
 
.onglets li{
	cursor:pointer;
	float:left;
	list-style:none;
	margin-right:5px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0;
	padding:5px 2px 5px 5px;
	margin:0 1px 0 0;
	background:none no-repeat 5px 9px #C2C0AD;
	color:#fd8c13;
	border:1px solid #c2c0ad;
	border-bottom:0px solid #c2c0ad;
	text-decoration:none;
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_actif a{
	background:none;
	color:#FD8C13;
	font-weight:bold;
}
.onglets .menu_actif{
	background:none;
	border:1px solid #C2C0AD;
	border-bottom:0 solid #c2c0ad;
	text-decoration:none;
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_inactif a, .onglets h1{
	color:#6C6865;
}
.onglets .menu_actif h1{
	color:#FD8C13;
}
.onglets li:hover, #zone_contenu_corps .onglets li:hover * {
	background:white;
	border-bottom:0;
}
 
.onglets li:hover > a{
	color:#FD8C13;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Général */
.centrer{
	text-align:center;
}
.discretion{
	color:#A9A9A9;
	font-size:10px;
	font-weight:normal;
}
.attention{
	background-color:#ffffcc;
	background-image:url("../images/attention.png");
}
.information{
	background-color:#e7ebfd;
	background-image:url("../images/information.png");
}
.attention, .information{
	display:inline-block;
	background-repeat:no-repeat;
	background-position:5px 50%;
	padding:10px 5px 5px 40px;
	background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;
	max-width:600px;
	min-height:20px;
}
.msg{
	max-width:100%;
	height:auto;
	width: 100%;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
	border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 5px #AAAAAA;
}
hr.nettoyage{
	clear:both;
	width:0;
}
	
.debogage, .debogage pre{
	white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;
	word-wrap:break-word; /* IE 5.5+ */
    overflow:auto;/* IE 6 */
}
/*----------------------------------------------------------------------------------------------------------*/
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
.largeur-01{
	width:60px;}
.largeur-02{
	width:120px;}
.largeur-03{
	width:180px;}
.largeur-04{
	width:240px;}
.largeur-05{
	width:300px;}
.largeur-06{
	width:360px;}
.largeur-07{
	width:420px;}
.largeur-08{
	width:480px;}
.largeur-09{
	width:540px;}
.largeur-10{
	width:600px;}
.largeur-11{
	width:660px;}
.largeur-12{
	width:720px;}
.largeur-13{
	width:780px;}
.largeur-14{
	width:840px;}
.largeur-15{
	width:900px;}
.largeur-16{
	width:960px;}
/*----------------------------------------------------------------------------------------------------------*/
/* Formulaire de Recherche Simple */	
#bloc-recherche fieldset {
	border:none; 
	padding:0;
	width:100%;
}
.choixNiveau {
	position:absolute;
	margin-top: -30px;
	padding: 0;
	width: 300px;
	margin-left:430px;
	
}
 
.choixNiveau a {
	float:left;
	border-style:solid;
	padding:0.4em 0.8em;
	border-color:#C2C0AD;
	color:#9AC343;
	font-weight:bold;
	cursor:pointer;
	background:#f9f9f9;
	border:1px solid #CCCCCC;
}
 
.choixNiveau .niveau1 {
	border-radius:4px 0 0 0;	
}
 
.choixNiveau .niveau3 {
	border-radius:0 4px 0 0;
}
 
.choixNiveau .actif {
	color:#EB8F00;	
	border-color:#EB8F00;
	background:white;
}
 
/* couleur des boutons non sélectionnés*/
.ef-form-niveau .ui-buttonset {
	margin-right: 25px;
}
 
.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color:#C2C0AD;
	color: #9AC343;
	font-weight: bold;
}
#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-color: #FFFFFF;
	color: #EB8F00;
	font-weight: bold;
}
 
#ef-form-niveau .ui-button-text-only .ui-button-text {
	padding: 0.2em 0.5em;
}
 
#bloc-recherche h1, #contenu h1 {
	background: none;
	padding: 0 0 0 20px;
}
 
#bloc-recherche {
	padding-bottom: 0;	
}
 
#ef-form-nomenclature table {
	width:100%;
}
#ef-form-nomenclature h1 { 
	margin:0 0 3px 16px; 
}
#ef-form-nomenclature .champ {
	padding:3px; 
	font-size:12px;
}
#ef-form-nomenclature .zone-choix-type-nom {
	float:left; 
	padding:0 10px
}
#ef-form-nomenclature .titre-choix-nom {
	padding:12px; 
	font-weight:bold
}
#ef-form-nomenclature #zone-liens-recherche  {
	padding:5px;
}
#eflore_nomenclature_fiche {
	background:url(../images/lien.png) no-repeat 0 -1px; 
	padding:0 0 0 17px; 
	color:#598000; 
	border:1px dotted #95AE5D;
	border-width:0 0 1px 0; 
	cursor:pointer; 
	margin:0 0 0 19px; 
	font-size:12px
}
#ef-form-nomenclature input.ok {
	color:rgba(0,0,0,0);
	font-size:12px; 
	font-weight:bold; 
	padding:3px 10px 3px 10px;
	background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
}
#ef-form-nomenclature input.ok:hover {
	background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
	cursor:pointer;	
}
#ef-form-nomenclature label {
	font-size:12px
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Formulaire d'autocompletion */	
.ui-autocomplete a {
	text-decoration:none;
	border-bottom:none;
}
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	font-size: 11px;
	font-family: arial;
}
 
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:0.8;
	zoom:1;
}
 
#nom.valeur-defaut-recherche {
	color:#848484;
	font-style:italic;	
	font-weight:0.9em;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Résultats */
.zone-resultat {
	width:96%;
	min-height:101px;
	padding:10px;
	margin-bottom:10px;
	background:#f8f9ec;
	border:solid 1px #f1f3de;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:13px;
	-moz-box-shadow:3px 3px 3px #DDD;
}
.zone-resultat .nom-sci{
	display:inline-block;
	width:310px;
 
}
.zone-resultat img {
	border:solid 2px #DDD;
	float:right;
	height: 100px;
	width: 100px;
}
.surlignage {
	background-color: #E6FFA2;
}
#ef-resultats-decomposition #col-ns{
	width:33%;
}
#ef-resultats-decomposition .retenu, #ef-resultats-decomposition .synonyme{
	font-size:0.8em;
}
.retenu{
	font-weight:bold;
}
#ef-resultats-determination .synonymes li {
	background: none;
	line-height: 18px;
	list-style: none outside none;
	padding-left: 15px;
}
.absent {
	display:block;
	float:right;
	background-color:transparent;
	background-image:url("../images/pasdephoto.png");
	background-repeat:no-repeat;
	background-position:50% 20%;
	border: 2px solid #DDDDDD;
	margin: 0 5px;
	height: 100px;
	width: 100px;
	font-weight: bold;
	text-align: center;
}
.vide {
	display:block;
	background-color:transparent;
	margin: 0 5px;
	height: 100px;
	width: 100px;
	text-align: center;
}
 
.absent .contribuer {
    display: block;
    padding-top: 66px;
}
 
#ef-resultats-nv-determination {
    padding: 0;
}
 
#ef-resultats-nv-determination table, #ef-resultats-nv-determination table tbody, #ef-resultats-nv-determination table td {
	border: none;
	background: none;
}
 
#ef-resultats-nv-determination .nom {
	width: 30%;
	vertical-align: top;
	margin-top: 5px;
}
#ef-resultats-nv-determination .nom ul, #ef-resultats-nv-determination li{
	margin: 0;
	margin-bottom: 5px;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
}
 
#ef-resultats-determination {
	padding-left: 0px;
}
 
 
/*----------------------------------------------------------------------------------------------------------*/
/* Fiche */
#bloc-fiche h1 {
	background: none repeat scroll 0 0 transparent;
	padding: 0 9px  0 9px;
}
 
.synthese {
    background-color: #EEEEEE;
    border: medium none;
    clear: left;
    margin-left: -17px;
    margin-top: -12px;
    min-height: 300px;
    padding-top: 0.4em;
    width: 676px;   
}
 
.ui-widget-content {
	background:white;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /* onglets + blocs */
	border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /* onglets + blocs */
	border-bottom-left-radius: 0;
}
.colonne {
	float:left;
	padding-bottom:10px;
	width:33%;
	margin: 0 1px;
}
 
.deuxtiers{
	width:66%;
}
 
.pasDeCurseur {
	cursor:default;
}
/* bloc */
.module {
	margin: 0 1em 0.5em 0; 
	width: 99%;
}
.module .titre{
	 cursor: move;
    font-size: 12px;
    padding-bottom: 1px;
    padding-left: 1.2em;
    margin-left:-2px;
    margin-right:1px;
}
 
.module .titre .ui-icon {
	float: right;
}
.imagetteMoins, .imagettePlus { /* +/- du titre */
	cursor:pointer
}
.module .contenu {
	padding: 10px;
}
 
.ui-sortable-placeholder { /* déplacement bloc */
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;
}
.ui-sortable-placeholder * {
	visibility: hidden;
}
 
.module .contenu.attention {
    padding: 10px 5px 5px 40px;
    background-position: 5px 12px;
    width: 174px;
}
 
.pas_de_protection {
    display: block;
    margin-bottom: 5px;
    margin-left: 35px;
}
 
.completer_statut {
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 5px;
    width: 60px;
}
 
#statut .aucune_info {
	padding: 10px;
}
 
.infos_liste_rouge {
	font-weight: bold;
}
 
#alignement-droite {
	float:right;
	margin-right: -5px;
}
 
.lien-onglet.lien-statique.lien_retour_synthese {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/fleche_gauche.png");
	background-origin: padding-box;
	background-position: 0 2px;
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-left: 20px;
}
 
.invisible {
	visibility:hidden;
}
 
/* Onglets */
#zone_onglets {
	margin-top: 0.1em;
	border-width:0;
	border-radius:0;
	width:676px;
	font-size:12px;
	margin-left:-7px;
}
#zone_onglets .ui-tabs { /* taille de la barre d'onglets */'
	padding:0;
	position: relative;
}
.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
	float: left;
  	padding: 4px 4px 3px 3px;
	text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /* couleur des onglets */
	color: #9AC343;
	text-decoration: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #EB8F00;
	text-decoration: none;
	margin-bottom: 1px;
}
#onglets {
	height:22px
}
#onglets li {
	list-style:none;
	line-height:12px;
}
 
#onglets li.ui-tabs-selected {
	line-height: 13px;
}
 
#onglets li {
	float:left;
}
#zone_onglets li .ui-icon-close {
	float: left;
	cursor: pointer;
}
#zone_onglets li a.lien-onglet {
	overflow: hidden;
	text-decoration: none;
	border-bottom: none;
}
#zone_onglets li a.lien-onglet hover {
	overflow: hidden; 
	text-decoration: none;
	border-bottom: none;
}
/* Menu et + */
#zone_onglets #ongletEtPlus {
    cursor: pointer;
    display: none;
    float: right;
    font-size: 20px;
    height: 20px;
    padding-bottom: 0;
    padding-right: 5px;
    position: relative;
    top: 1px;
    width: 25px;
    z-index: 500;
}
#zone_onglets #ongletEtPlus a {
	border-bottom: none;
}
#lienOngletEtPlus { /* icone */
	width:6px;
    padding-left: 9px;
	padding-top: 0px;
	display:block;
	margin-top:5px;
}
 
.lien-onglet-synthese, .lien-onglet-synthese:hover {
	border-bottom: none;
}
 
.menuModules { /* liste */
	left: 465px;
	width: 187px;
	position: absolute; 
	border: 1px solid #DCD1CC; 
	margin: 0px; 
	padding: 0px;
	top: 30px;
	z-index:499;
	background-color: #F9F9F9;
	color: #9AC343;
	font-weight: bold;
}
.elementMenuModules { /* element de la liste */
	display:block; 
	border: 1px solid white; 
	width: 150px; 
	padding: 10px 10px 10px 25px; 
	margin:0px;
	cursor: pointer;
}	
.elementMenuModules:hover {
	background-color: #FEBF01;
}	
.elementMenuModulesSelectionne {
	background-color: #F6AF39;
	color: white;
}
 
#dialog label, #dialog input { display:block; }
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 95%; }
 
.conteneur_repartition_observations {
	width:620px; 
	height:620px; 
}
 
.chargement_repartition {
	background: url("../images/chargement.gif") no-repeat scroll 50% 50%, url("../images/fond_carte_metropole.png") no-repeat scroll 8px 8px rgba(0, 0, 0, 0);
}
 
.bloc_legende_repartition {
	float:left; 
	margin-right:5px; 
	margin-bottom:3px; 
	width:15px; 
	height:15px; 
	border:solid 1px black;
}
 
.texte_legende_repartition {
	float:left; 
	text-transform:capitalize;
}
 
.conteneur_lien_metadonnees {
	padding: 15px;
}
.lien_metadonnees {
	float:right;
}
 
.sous-liste-metadonnees {
	margin: 0px;
}
 
.intitule_metadonnee {
	font-weight: bold;
	color : #6C6865;
}
 
.lien_metadonnees_affiche {
	color:#FD8C13;
}
 
.metadonnees_resume_description {
	font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 14px;
}
 
#nomenclature > ul > li.item_nomenclature { 
    line-height: 18px;
    width:100%;
}
 
.tab-chargement {
  	background: url("../images/chargement.gif") no-repeat scroll 10px 13px transparent;
  	background-color: #FFFFFF;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 20px 20px 20px 50px;
    width: 555px;
}
 
.conteneur_illustrations_cel {
	width: 250px;	
}
 
.conteneur_metadonnees_cel {
	width: 250px;
	padding-top : 20px;	
}
 
.onglet_marge_gauche {
	margin-top: 7px;
	padding-left: 30px;
}
 
.references_bibliographiques .texte_inactif {
	display:none;
}
 
#repartition_observations { 
    height: 590px;
    width: 100%;
    overflow: hidden;
}
 
.legende_nom_retenu {
	background-color: #E6FFA2;
}
 
.couleur_legende {
    display: inline-block;
    height: 12px;
    width: 30px;
    margin-right: 5px;
    margin-top: 2px;
    border: 1px dotted black;
}
 
.lienToggle {
	cursor: pointer;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Nomenclature */
.nomenclature {
	text-transform: none;
}
.famille {
	text-transform: uppercase;
}
.ns-retenu {
	font-weight:bold;
}
.supra-gen, .gen, .sp, .infra-sp, .infra-gen {
	font-style: italic;
	text-transform: none;
}
.hyb, .chimere, .abbr, .formule-hyb, .gp, .cultivar, .commercial, 
.auteur, .annee, .biblio, .addendum, .type_epithete {
	font-style: normal;
	text-transform: none;
}
.vernaculaire {
	font-size: 17px;
	color: #A89D80;
	text-transform: none;
}
.redirige_depuis {
    color: #777777;
    font-size: 0.9em;
    font-weight: normal;
    text-transform: none;
}
.redirige_depuis strong {
	font-weight: bold;
	font-style: italic;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Wikinis */
.editable_sur_clic {
	min-height: 50px;
}
 
.aide_wikini {
    font-size: 0.8em;
}
 
.contenu_editable {
	background-color: #F8FBF2;
	border: dashed 1px #AAAAAA;
	padding: 5px;
	padding-top: 2px;
	border-radius: 3px;
}
 
.champ_edition_wiki {
	width: 100%;
	height: 350px;	
	overflow: auto;
}
 
.imagettePlus {
	width:9px;
	height:9px;
	background:url('../images/ouvrir.png') no-repeat;
	display:inline-block;
	margin-right:3px;
}
 
.imagetteMoins {
	width:9px;
	height:9px;
	background:url('../images/fermer.png') no-repeat;
	margin-right:3px;
	display:inline-block;
}
 
.basionyme_complet {
	margin-left:20px;
	display:block;
}
 
.legende {
	border:dashed 1px #AAA; 
	padding:5px 10px;
}
 
.legende b {
	color:#AAA; margin-bottom:10px
}
 
.wp {
	background:url('../images/sites/wikipedia.png') no-repeat;
	margin-left: 15px;
    margin-top: 5px;
    padding-left: 20px;
}
 
.conteneur_flore_probable {
	text-align: center;
}
 
/*----Description+Ecologie-----------------------------------------------------------------------------------*/
 
.citation { 
		 font-size:9px;
}
.fond_graphique {
	background-color:#F8F8F8;
	padding-top: 10px;	
	padding-bottom: 10px;
	
 
}
.graphique {
	margin-right: auto;	
	margin-left: auto;
	width:100%;
}
 
.graphique > * {
      width:100%;
}
 
.titre { 
		color:#36560B;
		left:2px;
		position:relative;
		padding-right:5px;
}
.desc {
	margin-right:3px;
	margin-left:3px;
}
.desc td {
	width: 50%;
	vertical-align: top;
	border: 1px dasharray #36560B;
	padding: 7px 5px;
}
 .italique { font-style: italic;
 }
 
 .gras { font-weight: bold;
 }
 
 
/*  boutons spécifiques légende  graphiques (masquer/afficher) */
.legende_formes {
	background-image:url('../images/legende_formes.png');
	background-position: 2px 5px;
	background-repeat: no-repeat ;
	width : 428px;
	height : 30px;
	margin-right : auto;
	margin-left: auto;
	border: 1px dotted grey;
	padding : 5px;
	text-align:center;
}
.legende_graphique {
	display:none;	
	font-size:11px;
	padding: 5px;
}
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
	background:none;
	border:none;
}
 
.cacher, .voir {
	float:right;
}
 
.cacher {
	display:none;
}
 
.fond_graphique button {
	background: none;
	border: none;
	
}
 
.fond_graphique button:hover {
	cursor: pointer;
	text-decoration: underline;
}
 
/* Illustrations */
#illustrations-coste img {
	display:inline;
	vertical-align:middle;
	margin:0px;
	padding:0px;
}
 
#illustrations {
	margin-left:-5px;
	margin-right:-4px;
		
}
.liste-illustrations .attention {
	border:0;
	background:none;
	text-align:left;
	padding:0;
}
.liste-illustrations {
	list-style-type:none;
	padding:0;
}
.liste-illustrations li {
	list-style-image:none !important;
	background:none;
	text-align:center;
	font-size:11px;
	float: left;
	width:210px;
	height:285px;
	margin:0px;
	padding:0px;
	
}
 
#galerie-organes {
	width: 648px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f0f0f0;
	border-radius: 10px;
}
 
.separator {
    display: inline-block;
    width: 10px;
}
 
.liste-illustrations li.organe-moyen {
	height: 230px;
	font-size: 13px;
}
 
.liste-illustrations li.caractere-moyen {
	height: 210px;
}
 
.liste-illustrations li p.absent-organes {
	height: 193px;
	width: 196px;
	margin: 2px 5px 5px;
	background-position: 50% 50%; 
}
.liste-illustrations li p.absent-organes a.contribuer {
	height: 30px;
	padding-top: 146px;
}
 
.liste-illustrations li.icone-organe {
	width: 108px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}
.liste-illustrations li.icone-organe:first-of-type {
	border-radius: 10px 0 0 0;
}
.liste-illustrations li.icone-organe:last-of-type {
	border-radius: 0 10px 0 0;
}
.liste-illustrations li.icone-organe.active {
	background-color: #f0f0f0;
}
.liste-illustrations li.miniature-organe {
	width: 105px;
	height: auto;
}
#zone_contenu_corps img.icone-organe {
	height: 30px;
	margin: auto;
	border: none;
}
#zone_contenu_corps img.miniature-organe {
	margin: auto;
}
 
div.onglet-organe {
    margin: auto;
    width: 632px;
}
div.onglet-organe ul.liste-illustrations {
	margin-top: 8px;
}
 
.liste-illustrations li p.absent-mini {
	width: 60px;
	height: 60px;
	margin-right: 22px;
	font-size: .8em;
	background-image: url("../images/pasdephoto_petit.png");
}
.liste-illustrations li p.absent-mini .contribuer {
	padding-top: 25px;
}
 
#grande-image-organe {
	margin-bottom: 15px;
	text-align: center;
}
#grande-image-legende {
	width: 600px;
	margin: auto;
	padding-bottom: 5px;
}
 
a.lien-images-organes.non-fourni {
	opacity: 0.2;
	text-decoration: none;
}
a.lien-images-organes.non-fourni:hover {
	text-decoration: none;
	color: inherit;
}
a.lien-images-organes.fourni {
	cursor: pointer;
}
a.lien-images-organes.fourni:hover {
	
}
a.lien-grande-image-organe {
	cursor: pointer;
}
 
#illustrations-coste .liste-illustrations li {
	height: 196px;
}
 
.liste-illustrations li p {
	margin:2px 2px 5px 2px;
	width:206px;
	font-size:11px;
}
.liste-illustrations strong {
	font-weight:bold;
}
.liste-illustrations img {
	display:block;
	border:1px solid white;
	margin:0 auto;
	padding:2px;
	max-height:196px;
	max-width:196px;
}
.liste-illustrations a:hover img{
    border:1px dotted #FD8C13;
}
a.img-cadre{
	display:block;
	border: 1px solid white;
	background:transparent;
	width:204px;
	height:204px;
	margin-right:2px;
}
a.img-cadre:hover{
	border:1px dotted #FD8C13;
}
.img-cadre-fond{
	background:white;
	width:200px;
	height:200px;
	line-height:200px;
	text-align:center;
	margin:2px;
}
#illustrations-photoflora img{
	display:inline;
	vertical-align:middle;
	margin:0;
	padding:0;
	border:0;
}
 
.importance4 {
	font-size:0.8em;
	padding:5px;
	box-shadow:none;
}
 
h1 .nomenclature {
	color:#555;
	font-size:19px;
}
 
h1 .famille {
	font-size:13px;
	margin-top:5px;	
}
 
table tbody {
    background-color: #F8F8DB;
    border: 1px solid #9AC342;
}
 
/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
#bloc_export_choix {
	width: 100%;
}
 
.avertissement_telechargement {
	padding-top:1px;
	font-style:italic;
	color: grey;
	font-weight: 0.9em;
}
 
#export_pdf input[type="submit"] {
	text-align: center;
	width :120px;
	display:block;
	/*margin-right: auto;*/
	margin-left: 25px;
	
}
#export_pdf fieldset label{
	width :120px;
	display:inline-block;
	text-align:right;
}
 
#export_pdf fieldset {
	border: none;
	margin-left: auto;
	margin-right: auto;
	
}
 
.infos_liens_permanents {
	width: 60%;
}
 
.telechargements_pdf {
	width: 40%;
}
 
.conteneur_telechargements > * {
	padding-left:20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
 
.lien_telechargement_qr_code {
	padding: 0;
	margin-left:20px;
}
 
.conteneur_permalien_mobile {
	margin-left:20px;
	margin-top: 10px;
}
 
.lien_export_pdf {
	background:url('../images/pdf.png') no-repeat;
	padding-left: 20px;
	font-size:12px;
	padding-bottom: 3px;
}
 
.avertissement_telechargement {
	margin-top: 2px;
}
 
.conteneur_permalien {
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100%;
}
 
.conteneur_permalien > input {
    background-color: #EAEDCD;
    color: #598000;
    border: none;
}
 
.wp.conteneur_permalien {
	padding-left: 0px;
	padding-top: 0px;
}
 
.titre_lien_permanent {
	padding-left: 0px;
}
 
.signaler-mauvaise-identification {
    font-weight: bold;
    margin-left: 35px;
}
 
/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
::-webkit-input-placeholder { color:#777777; }
::-moz-placeholder { color:#777777; } /* firefox 19+ */
:-ms-input-placeholder { color:#777777; } /* ie */
input:-moz-placeholder { color:#777777; }
 
#recherche_av {
	position:relative;
	float:right;
	right:17px;
 
}
#bloc-recherche {
	padding-bottom : 3px;
}
div #recherche_av_form {
	width:95%;
	margin-right:auto;
	margin-left:auto;
	padding : 3px;
 
}
#bloc_recherche_av {
	border: 1px solid white;
	padding : 5px;
	padding-top : 15px;
		
}
 
#recherche_av_form label {
	display:block;
	text-align:left;
	padding-left:7px;
}
 
#recherche_av_form .rech {
	margin-top:20px;
	position:relative;
	left: 228px;
	width:200px;
	padding: 2px;
	cursor:pointer;
	background-color:#FFFFFF;
	font-weight: bold;
}
#recherche_av_form .rech:hover {
	background-color:#DDDDDD;
}
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
	float:left;
}
#recherche_av_form .valeur-defaut-recherche {
    color: #848484;
    font-style: italic;
}
/* fieldset classification */
fieldset.classification_form label{
	width: 95px;
}
fieldset.classification_form input, fieldset.classification_form select{
	width: 100px;
}
/* fieldset statuts presence */
fieldset.statuts_form label, fieldset.presence_form label{
	width: 220px;
}
fieldset.statuts_form select, fieldset.presence_form select{
	width: 200px;
}
/* fieldset publication */
fieldset.publication_form label {
	width: 60px;
}
/* fieldset numero */
fieldset.numero_form label {
	width: 135px;
}
 
.description-referentiel {
	text-align: justify;
	color: #222222;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}
 
/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
.chorodep_svg { 
	height: 590px;
	width:	100%;
}
 
.ecologie_svg { 
    width: 500px;
}
 
.chargement {
	background:url('../images/chargement-transparent.gif');
	background-repeat:no-repeat;
	background-position:center; 
	min-height: 150px;
}
 
/**----------------------- Autocompletion des noms ---------------------------------------------**/
li.autocompletion_nom, .autocompletion_nom:hover {
    background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
    margin: 0 0 5px;
}
 
/**----------------------- Illustration des résultats ---------------------------------------------**/
 
.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
	cursor: pointer;
}
 
.nomenclature_synonyme {
    padding-left: 13px;
}
 
.liste_synonymes_basionyme {
	margin-top: 3px;	
}
 
.nomenclature_basionyme {
	font-size: 0.9em;
}
 
 
/**----------------------- Styles pour la pagination ---------------------------------------------**/
.page_courante {
	font-size: 1.5em;
}
 
.page_courante a {
	color: black;	
}
 
.nb_resultats {
	float:right;
	margin-top: 10px;	
}

Rev 1254	Rev 1257
1	`@CHARSET "UTF-8";`	1	`@CHARSET "UTF-8";`
2	`/----------------------------------------------------------------------------------------------------------/`	2	`/----------------------------------------------------------------------------------------------------------/`
3	`/* Générique */`	3	`/* Générique */`
4	`body {`	4	`body {`
5	`font-family:Arial, Helvetica, Verdana, sans-serif;`	5	`font-family:Arial, Helvetica, Verdana, sans-serif;`
6	`font-size:0.85em;`	6	`font-size:0.85em;`
7	`background-color:#fff;`	7	`background-color:#fff;`
8	`margin:2px;`	8	`margin:2px;`
9	`}`	9	`}`
10	`h1, h2, h3, h4 {`	10	`h1, h2, h3, h4 {`
11	`font-weight:bold;`	11	`font-weight:bold;`
12	`letter-spacing:0;`	12	`letter-spacing:0;`
13	`}`	13	`}`
14	`h1 {`	14	`h1 {`
15	`padding:0 0 0 25px;`	15	`padding:0 0 0 25px;`
16	`margin:20px 0 10px 0;`	16	`margin:20px 0 10px 0;`
17	`font-size:15px;`	17	`font-size:15px;`
18	`text-transform:uppercase;`	18	`text-transform:uppercase;`
19	`color:#fd8c13;`	19	`color:#fd8c13;`
20	`}`	20	`}`
21	`h2 {`	21	`h2 {`
22	`margin:20px 0 12px 0;`	22	`margin:20px 0 12px 0;`
23	`font-size:15px;`	23	`font-size:15px;`
24	`color:#FD8C13;`	24	`color:#FD8C13;`
25	`}`	25	`}`
26	`h3 {`	26	`h3 {`
27	`margin:20px 0 12px;`	27	`margin:20px 0 12px;`
28	`font-size:14px;`	28	`font-size:14px;`
29	`color:#454341;`	29	`color:#454341;`
30	`}`	30	`}`
31	`h4 {`	31	`h4 {`
32	`margin:2px 2px 2px 0;`	32	`margin:2px 2px 2px 0;`
33	`font-size:11px;`	33	`font-size:11px;`
34	`font-weight:normal;`	34	`font-weight:normal;`
35	`color:#AAAAAA;`	35	`color:#AAAAAA;`
36	`}`	36	`}`
37	`h1 a, h2 a, h3 a, h4 a {`	37	`h1 a, h2 a, h3 a, h4 a {`
38	`color:inherit;`	38	`color:inherit;`
39	`border-bottom: dotted 1px;`	39	`border-bottom: dotted 1px;`
40	`}`	40	`}`
41	`h3 a {`	41	`h3 a {`
42	`border-color:#CCCCCC;`	42	`border-color:#CCCCCC;`
43	`}`	43	`}`
44	`a {`	44	`a {`
45	`color:#598000;`	45	`color:#598000;`
46	`border-bottom:1px dotted #95ae5d;`	46	`border-bottom:1px dotted #95ae5d;`
47	`}`	47	`}`
48	`a:hover {`	48	`a:hover {`
49	`color:#FD8C13;`	49	`color:#FD8C13;`
50	`border-bottom:1px dotted #95ae5d;`	50	`border-bottom:1px dotted #95ae5d;`
51	`}`	51	`}`
52	`hr{`	52	`hr{`
53	`color:#62210F;`	53	`color:#62210F;`
54	`}`	54	`}`
55	`table{`	55	`table{`
56	`border-collapse: collapse;`	56	`border-collapse: collapse;`
57	`width:100%;`	57	`width:100%;`
58	`margin:5px 0;`	58	`margin:5px 0;`
59	`}`	59	`}`
60	`td,th{`	60	`td,th{`
61	`border:1px solid #36560B;`	61	`border:1px solid #36560B;`
62	`padding:7px 5px;`	62	`padding:7px 5px;`
63	`}`	63	`}`
64	`th{`	64	`th{`
65	`background-color:#EEE;`	65	`background-color:#EEE;`
66	`}`	66	`}`
67	`th[title]:after {`	67	`th[title]:after {`
68	`content: " " url("../images/aide.png") !important;`	68	`content: " " url("../images/aide.png") !important;`
69	`}`	69	`}`
70	`caption{`	70	`caption{`
71	`border:1px solid #36560B;`	71	`border:1px solid #36560B;`
72	`background-color:#EEE;`	72	`background-color:#EEE;`
73	`font-weight:bold;`	73	`font-weight:bold;`
74	`padding:2px;`	74	`padding:2px;`
75	`}`	75	`}`
76	`img{`	76	`img{`
77	`border:0;`	77	`border:0;`
78	`}`	78	`}`
79	`img a{`	79	`img a{`
80	`display:block;`	80	`display:block;`
81	`}`	81	`}`
82	`legend{`	82	`legend{`
83	`color:#AD5A40;`	83	`color:#AD5A40;`
84	`}`	84	`}`
85	`dl {`	85	`dl {`
86	`width:100%;`	86	`width:100%;`
87	`}`	87	`}`
88	`dt {`	88	`dt {`
89	`float:left;`	89	`float:left;`
90	`font-weight:bold;`	90	`font-weight:bold;`
91	`text-align:top left;`	91	`text-align:top left;`
92	`margin-right:0.3em;`	92	`margin-right:0.3em;`
93	`}`	93	`}`
94	`dd {`	94	`dd {`
95	`width:auto;`	95	`width:auto;`
96	`margin:0.5em 0;`	96	`margin:0.5em 0;`
97	`}`	97	`}`
98	`.acceder-outil {`	98	`.acceder-outil {`
99	`font-size:0.85em;`	99	`font-size:0.85em;`
100	`}`	100	`}`
101		101
102	`/* @TODO mettre dans commun.css mais line-height déconne */`	102	`/* @TODO mettre dans commun.css mais line-height déconne */`
103	`.acceder-outil-vert {`	103	`.acceder-outil-vert {`
104	`display:inline-block;`	104	`display:inline-block;`
105	`line-height: 25px;`	105	`line-height: 25px;`
106	`padding-left: 30px;`	106	`padding-left: 30px;`
107	`padding-right: 10px;`	107	`padding-right: 10px;`
108	`background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll -1px -1px transparent;`	108	`background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll -1px -1px transparent;`
109	`border-radius: 14px; -moz-border-radius:14px; -webkit-border-radius:14px;`	109	`border-radius: 14px; -moz-border-radius:14px; -webkit-border-radius:14px;`
110	`color:#6C6865;`	110	`color:#6C6865;`
111	`font-family:helveticaneue;`	111	`font-family:helveticaneue;`
112	`font-size:12px;`	112	`font-size:12px;`
113	`border: solid #d0d0d0 1px;`	113	`border: solid #d0d0d0 1px;`
114	`}`	114	`}`
115		115
116	`#zone-contenu.acceder-outil.img {`	116	`#zone-contenu.acceder-outil.img {`
117	`margin-top:-2px;`	117	`margin-top:-2px;`
118	`margin-bottom:-2px;`	118	`margin-bottom:-2px;`
119	`}`	119	`}`
120	`/----------------------------------------------------------------------------------------------------------/`	120	`/----------------------------------------------------------------------------------------------------------/`
121	`/* Disposition */`	121	`/* Disposition */`
122	`#zone-centrale {`	122	`#zone-centrale {`
123	`text-align:center;`	123	`text-align:center;`
124	`}`	124	`}`
125	`#zone-logo{`	125	`#zone-logo{`
126	`left:18px;`	126	`left:18px;`
127	`margin:1px 10px;`	127	`margin:1px 10px;`
128	`position:absolute;`	128	`position:absolute;`
129	`top:2px;`	129	`top:2px;`
130	`z-index:1;`	130	`z-index:1;`
131	`}`	131	`}`
132	`#zone-entete{`	132	`#zone-entete{`
133	`height:121px;`	133	`height:121px;`
134	`margin:0;`	134	`margin:0;`
135	`}`	135	`}`
136	`#zone-titre{`	136	`#zone-titre{`
137	`height:38px;`	137	`height:38px;`
138	`margin:0;`	138	`margin:0;`
139	`text-align:right;`	139	`text-align:right;`
140	`}`	140	`}`
141	`#zone-titre h1{`	141	`#zone-titre h1{`
142	`margin:0 20px 0 0;`	142	`margin:0 20px 0 0;`
143	`padding:0;`	143	`padding:0;`
144	`background-color:transparent;`	144	`background-color:transparent;`
145	`font-size:28px;`	145	`font-size:28px;`
146	`font-weight:bold;`	146	`font-weight:bold;`
147	`}`	147	`}`
148	`#zone-corps{`	148	`#zone-corps{`
149	`margin:0;`	149	`margin:0;`
150	`text-align:left;`	150	`text-align:left;`
151	`}`	151	`}`
152	`#zone-menu{`	152	`#zone-menu{`
153	`position:relative;`	153	`position:relative;`
154	`float:left;`	154	`float:left;`
155	`height:21px;`	155	`height:21px;`
156	`width:100%;`	156	`width:100%;`
157	`margin:0;`	157	`margin:0;`
158	`padding:0;`	158	`padding:0;`
159	`text-align:left;`	159	`text-align:left;`
160	`font-weight:bold;`	160	`font-weight:bold;`
161	`border-bottom:1px solid #62210F;`	161	`border-bottom:1px solid #62210F;`
162	`}`	162	`}`
163	`#zone-contenu{`	163	`#zone-contenu{`
164	`clear:both;`	164	`clear:both;`
165	`min-height:300px;`	165	`min-height:300px;`
166	`padding:0 2px;`	166	`padding:0 2px;`
167	`text-align:justify;`	167	`text-align:justify;`
168	`border-top:medium none !important;`	168	`border-top:medium none !important;`
169	`border:1px solid #62210F;`	169	`border:1px solid #62210F;`
170	`}`	170	`}`
171	`#zone-pied{`	171	`#zone-pied{`
172	`clear:both;`	172	`clear:both;`
173	`text-align:center;`	173	`text-align:center;`
174	`}`	174	`}`
175		175
176	`.ui-tabs { padding:0; position: relative; }`	176	`.ui-tabs { padding:0; position: relative; }`
177	`/----------------------------------------------------------------------------------------------------------/`	177	`/----------------------------------------------------------------------------------------------------------/`
178	`/* Logo */`	178	`/* Logo */`
179	`#zone-logo img{`	179	`#zone-logo img{`
180	`border:0;`	180	`border:0;`
181	`}`	181	`}`
182	`#zone-logo a{`	182	`#zone-logo a{`
183	`position:absolute;`	183	`position:absolute;`
184	`top:0;`	184	`top:0;`
185	`left:0;`	185	`left:0;`
186	`}`	186	`}`
187	`#zone-logo a:hover{`	187	`#zone-logo a:hover{`
188	`border:1px dotted;`	188	`border:1px dotted;`
189	`}`	189	`}`
190	`#zone-logo a:hover:after{`	190	`#zone-logo a:hover:after{`
191	`content:" Retour à l'accueil ";`	191	`content:" Retour à l'accueil ";`
192	`}`	192	`}`
193	`/----------------------------------------------------------------------------------------------------------/`	193	`/----------------------------------------------------------------------------------------------------------/`
194	`/* Navigation : onglets */`	194	`/* Navigation : onglets */`
195	`.onglets {`	195	`.onglets {`
196	`display:inline-block;`	196	`display:inline-block;`
197	`padding:0;`	197	`padding:0;`
198	`margin:0;`	198	`margin:0;`
199	`}`	199	`}`
200		200
201	`#zone_onglets > ul > li > a {`	201	`#zone_onglets > ul > li > a {`
202	`width: auto;`	202	`width: auto;`
203	`}`	203	`}`
204		204
205	`.onglets a {`	205	`.onglets a {`
206	`border:none`	206	`border:none`
207	`}`	207	`}`
208	`.onglets li a, .onglets li{`	208	`.onglets li a, .onglets li{`
209	`list-style-image:none;`	209	`list-style-image:none;`
210	`padding:5px 3px 5px 3px;`	210	`padding:5px 3px 5px 3px;`
211	`margin-top:2px;`	211	`margin-top:2px;`
212	`background-color:#C2C0AD;`	212	`background-color:#C2C0AD;`
213	`text-align: center;`	213	`text-align: center;`
214	`}`	214	`}`
215		215
216	`.onglets li.verna{`	216	`.onglets li.verna{`
217	`width: 220px;`	217	`width: 220px;`
218	`}`	218	`}`
219		219
220	`.onglets li.sci{`	220	`.onglets li.sci{`
221	`width: 120px;`	221	`width: 120px;`
222	`}`	222	`}`
223		223
224	`.onglets li{`	224	`.onglets li{`
225	`cursor:pointer;`	225	`cursor:pointer;`
226	`float:left;`	226	`float:left;`
227	`list-style:none;`	227	`list-style:none;`
228	`margin-right:5px;`	228	`margin-right:5px;`
229	`font-size:13px;`	229	`font-size:13px;`
230	`text-transform:uppercase;`	230	`text-transform:uppercase;`
231	`letter-spacing:0;`	231	`letter-spacing:0;`
232	`padding:5px 2px 5px 5px;`	232	`padding:5px 2px 5px 5px;`
233	`margin:0 1px 0 0;`	233	`margin:0 1px 0 0;`
234	`background:none no-repeat 5px 9px #C2C0AD;`	234	`background:none no-repeat 5px 9px #C2C0AD;`
235	`color:#fd8c13;`	235	`color:#fd8c13;`
236	`border:1px solid #c2c0ad;`	236	`border:1px solid #c2c0ad;`
237	`border-bottom:0px solid #c2c0ad;`	237	`border-bottom:0px solid #c2c0ad;`
238	`text-decoration:none;`	238	`text-decoration:none;`
239	`border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;`	239	`border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;`
240	`}`	240	`}`
241	`.onglets .menu_actif a{`	241	`.onglets .menu_actif a{`
242	`background:none;`	242	`background:none;`
243	`color:#FD8C13;`	243	`color:#FD8C13;`
244	`font-weight:bold;`	244	`font-weight:bold;`
245	`}`	245	`}`
246	`.onglets .menu_actif{`	246	`.onglets .menu_actif{`
247	`background:none;`	247	`background:none;`
248	`border:1px solid #C2C0AD;`	248	`border:1px solid #C2C0AD;`
249	`border-bottom:0 solid #c2c0ad;`	249	`border-bottom:0 solid #c2c0ad;`
250	`text-decoration:none;`	250	`text-decoration:none;`
251	`border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;`	251	`border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;`
252	`}`	252	`}`
253	`.onglets .menu_inactif a, .onglets h1{`	253	`.onglets .menu_inactif a, .onglets h1{`
254	`color:#6C6865;`	254	`color:#6C6865;`
255	`}`	255	`}`
256	`.onglets .menu_actif h1{`	256	`.onglets .menu_actif h1{`
257	`color:#FD8C13;`	257	`color:#FD8C13;`
258	`}`	258	`}`
259	`.onglets li:hover, #zone_contenu_corps .onglets li:hover * {`	259	`.onglets li:hover, #zone_contenu_corps .onglets li:hover * {`
260	`background:white;`	260	`background:white;`
261	`border-bottom:0;`	261	`border-bottom:0;`
262	`}`	262	`}`
263		263
264	`.onglets li:hover > a{`	264	`.onglets li:hover > a{`
265	`color:#FD8C13;`	265	`color:#FD8C13;`
266	`}`	266	`}`
267	`/----------------------------------------------------------------------------------------------------------/`	267	`/----------------------------------------------------------------------------------------------------------/`
268	`/* Général */`	268	`/* Général */`
269	`.centrer{`	269	`.centrer{`
270	`text-align:center;`	270	`text-align:center;`
271	`}`	271	`}`
272	`.discretion{`	272	`.discretion{`
273	`color:#A9A9A9;`	273	`color:#A9A9A9;`
274	`font-size:10px;`	274	`font-size:10px;`
275	`font-weight:normal;`	275	`font-weight:normal;`
276	`}`	276	`}`
277	`.attention{`	277	`.attention{`
278	`background-color:#ffffcc;`	278	`background-color:#ffffcc;`
279	`background-image:url("../images/attention.png");`	279	`background-image:url("../images/attention.png");`
280	`}`	280	`}`
281	`.information{`	281	`.information{`
282	`background-color:#e7ebfd;`	282	`background-color:#e7ebfd;`
283	`background-image:url("../images/information.png");`	283	`background-image:url("../images/information.png");`
284	`}`	284	`}`
285	`.attention, .information{`	285	`.attention, .information{`
286	`display:inline-block;`	286	`display:inline-block;`
287	`background-repeat:no-repeat;`	287	`background-repeat:no-repeat;`
288	`background-position:5px 50%;`	288	`background-position:5px 50%;`
289	`padding:10px 5px 5px 40px;`	289	`padding:10px 5px 5px 40px;`
290	`background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;`	290	`background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;`
291	`max-width:600px;`	291	`max-width:600px;`
292	`min-height:20px;`	292	`min-height:20px;`
293	`}`	293	`}`
294	`.msg{`	294	`.msg{`
295	`max-width:100%;`	295	`max-width:100%;`
296	`height:auto;`	296	`height:auto;`
297	`width: 100%;`	297	`width: 100%;`
298	`box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;`	298	`box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;`
299	`border-radius: 10px 10px 10px 10px;`	299	`border-radius: 10px 10px 10px 10px;`
300	`box-shadow: 2px 2px 5px #AAAAAA;`	300	`box-shadow: 2px 2px 5px #AAAAAA;`
301	`}`	301	`}`
302	`hr.nettoyage{`	302	`hr.nettoyage{`
303	`clear:both;`	303	`clear:both;`
304	`width:0;`	304	`width:0;`
305	`}`	305	`}`
306		306
307	`.debogage, .debogage pre{`	307	`.debogage, .debogage pre{`
308	`white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;`	308	`white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;`
309	`word-wrap:break-word; /* IE 5.5+ */`	309	`word-wrap:break-word; /* IE 5.5+ */`
310	`overflow:auto;/* IE 6 */`	310	`overflow:auto;/* IE 6 */`
311	`}`	311	`}`
312	`/----------------------------------------------------------------------------------------------------------/`	312	`/----------------------------------------------------------------------------------------------------------/`
313	`/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */`	313	`/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */`
314	`.largeur-01{`	314	`.largeur-01{`
315	`width:60px;}`	315	`width:60px;}`
316	`.largeur-02{`	316	`.largeur-02{`
317	`width:120px;}`	317	`width:120px;}`
318	`.largeur-03{`	318	`.largeur-03{`
319	`width:180px;}`	319	`width:180px;}`
320	`.largeur-04{`	320	`.largeur-04{`
321	`width:240px;}`	321	`width:240px;}`
322	`.largeur-05{`	322	`.largeur-05{`
323	`width:300px;}`	323	`width:300px;}`
324	`.largeur-06{`	324	`.largeur-06{`
325	`width:360px;}`	325	`width:360px;}`
326	`.largeur-07{`	326	`.largeur-07{`
327	`width:420px;}`	327	`width:420px;}`
328	`.largeur-08{`	328	`.largeur-08{`
329	`width:480px;}`	329	`width:480px;}`
330	`.largeur-09{`	330	`.largeur-09{`
331	`width:540px;}`	331	`width:540px;}`
332	`.largeur-10{`	332	`.largeur-10{`
333	`width:600px;}`	333	`width:600px;}`
334	`.largeur-11{`	334	`.largeur-11{`
335	`width:660px;}`	335	`width:660px;}`
336	`.largeur-12{`	336	`.largeur-12{`
337	`width:720px;}`	337	`width:720px;}`
338	`.largeur-13{`	338	`.largeur-13{`
339	`width:780px;}`	339	`width:780px;}`
340	`.largeur-14{`	340	`.largeur-14{`
341	`width:840px;}`	341	`width:840px;}`
342	`.largeur-15{`	342	`.largeur-15{`
343	`width:900px;}`	343	`width:900px;}`
344	`.largeur-16{`	344	`.largeur-16{`
345	`width:960px;}`	345	`width:960px;}`
346	`/----------------------------------------------------------------------------------------------------------/`	346	`/----------------------------------------------------------------------------------------------------------/`
347	`/* Formulaire de Recherche Simple */`	347	`/* Formulaire de Recherche Simple */`
348	`#bloc-recherche fieldset {`	348	`#bloc-recherche fieldset {`
349	`border:none;`	349	`border:none;`
350	`padding:0;`	350	`padding:0;`
351	`width:100%;`	351	`width:100%;`
352	`}`	352	`}`
353	`.choixNiveau {`	353	`.choixNiveau {`
354	`position:absolute;`	354	`position:absolute;`
355	`margin-top: -30px;`	355	`margin-top: -30px;`
356	`padding: 0;`	356	`padding: 0;`
357	`width: 300px;`	357	`width: 300px;`
358	`margin-left:430px;`	358	`margin-left:430px;`
359		359
360	`}`	360	`}`
361		361
362	`.choixNiveau a {`	362	`.choixNiveau a {`
363	`float:left;`	363	`float:left;`
364	`border-style:solid;`	364	`border-style:solid;`
365	`padding:0.4em 0.8em;`	365	`padding:0.4em 0.8em;`
366	`border-color:#C2C0AD;`	366	`border-color:#C2C0AD;`
367	`color:#9AC343;`	367	`color:#9AC343;`
368	`font-weight:bold;`	368	`font-weight:bold;`
369	`cursor:pointer;`	369	`cursor:pointer;`
370	`background:#f9f9f9;`	370	`background:#f9f9f9;`
371	`border:1px solid #CCCCCC;`	371	`border:1px solid #CCCCCC;`
372	`}`	372	`}`
373		373
374	`.choixNiveau .niveau1 {`	374	`.choixNiveau .niveau1 {`
375	`border-radius:4px 0 0 0;`	375	`border-radius:4px 0 0 0;`
376	`}`	376	`}`
377		377
378	`.choixNiveau .niveau3 {`	378	`.choixNiveau .niveau3 {`
379	`border-radius:0 4px 0 0;`	379	`border-radius:0 4px 0 0;`
380	`}`	380	`}`
381		381
382	`.choixNiveau .actif {`	382	`.choixNiveau .actif {`
383	`color:#EB8F00;`	383	`color:#EB8F00;`
384	`border-color:#EB8F00;`	384	`border-color:#EB8F00;`
385	`background:white;`	385	`background:white;`
386	`}`	386	`}`
387		387
388	`/* couleur des boutons non sélectionnés*/`	388	`/* couleur des boutons non sélectionnés*/`
389	`.ef-form-niveau .ui-buttonset {`	389	`.ef-form-niveau .ui-buttonset {`
390	`margin-right: 25px;`	390	`margin-right: 25px;`
391	`}`	391	`}`
392		392
393	`.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {`	393	`.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {`
394	`background-color:#C2C0AD;`	394	`background-color:#C2C0AD;`
395	`color: #9AC343;`	395	`color: #9AC343;`
396	`font-weight: bold;`	396	`font-weight: bold;`
397	`}`	397	`}`
398	`#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {`	398	`#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {`
399	`background-color: #FFFFFF;`	399	`background-color: #FFFFFF;`
400	`color: #EB8F00;`	400	`color: #EB8F00;`
401	`font-weight: bold;`	401	`font-weight: bold;`
402	`}`	402	`}`
403		403
404	`#ef-form-niveau .ui-button-text-only .ui-button-text {`	404	`#ef-form-niveau .ui-button-text-only .ui-button-text {`
405	`padding: 0.2em 0.5em;`	405	`padding: 0.2em 0.5em;`
406	`}`	406	`}`
407		407
408	`#bloc-recherche h1, #contenu h1 {`	408	`#bloc-recherche h1, #contenu h1 {`
409	`background: none;`	409	`background: none;`
410	`padding: 0 0 0 20px;`	410	`padding: 0 0 0 20px;`
411	`}`	411	`}`
412		412
413	`#bloc-recherche {`	413	`#bloc-recherche {`
414	`padding-bottom: 0;`	414	`padding-bottom: 0;`
415	`}`	415	`}`
416		416
417	`#ef-form-nomenclature table {`	417	`#ef-form-nomenclature table {`
418	`width:100%;`	418	`width:100%;`
419	`}`	419	`}`
420	`#ef-form-nomenclature h1 {`	420	`#ef-form-nomenclature h1 {`
421	`margin:0 0 3px 16px;`	421	`margin:0 0 3px 16px;`
422	`}`	422	`}`
423	`#ef-form-nomenclature .champ {`	423	`#ef-form-nomenclature .champ {`
424	`padding:3px;`	424	`padding:3px;`
425	`font-size:12px;`	425	`font-size:12px;`
426	`}`	426	`}`
427	`#ef-form-nomenclature .zone-choix-type-nom {`	427	`#ef-form-nomenclature .zone-choix-type-nom {`
428	`float:left;`	428	`float:left;`
429	`padding:0 10px`	429	`padding:0 10px`
430	`}`	430	`}`
431	`#ef-form-nomenclature .titre-choix-nom {`	431	`#ef-form-nomenclature .titre-choix-nom {`
432	`padding:12px;`	432	`padding:12px;`
433	`font-weight:bold`	433	`font-weight:bold`
434	`}`	434	`}`
435	`#ef-form-nomenclature #zone-liens-recherche {`	435	`#ef-form-nomenclature #zone-liens-recherche {`
436	`padding:5px;`	436	`padding:5px;`
437	`}`	437	`}`
438	`#eflore_nomenclature_fiche {`	438	`#eflore_nomenclature_fiche {`
439	`background:url(../images/lien.png) no-repeat 0 -1px;`	439	`background:url(../images/lien.png) no-repeat 0 -1px;`
440	`padding:0 0 0 17px;`	440	`padding:0 0 0 17px;`
441	`color:#598000;`	441	`color:#598000;`
442	`border:1px dotted #95AE5D;`	442	`border:1px dotted #95AE5D;`
443	`border-width:0 0 1px 0;`	443	`border-width:0 0 1px 0;`
444	`cursor:pointer;`	444	`cursor:pointer;`
445	`margin:0 0 0 19px;`	445	`margin:0 0 0 19px;`
446	`font-size:12px`	446	`font-size:12px`
447	`}`	447	`}`
448	`#ef-form-nomenclature input.ok {`	448	`#ef-form-nomenclature input.ok {`
449	`color:rgba(0,0,0,0);`	449	`color:rgba(0,0,0,0);`
450	`font-size:12px;`	450	`font-size:12px;`
451	`font-weight:bold;`	451	`font-weight:bold;`
452	`padding:3px 10px 3px 10px;`	452	`padding:3px 10px 3px 10px;`
453	`background:url("../images/loupe.png") no-repeat scroll 11px 3px white;`	453	`background:url("../images/loupe.png") no-repeat scroll 11px 3px white;`
454	`}`	454	`}`
455	`#ef-form-nomenclature input.ok:hover {`	455	`#ef-form-nomenclature input.ok:hover {`
456	`background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;`	456	`background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;`
457	`cursor:pointer;`	457	`cursor:pointer;`
458	`}`	458	`}`
459	`#ef-form-nomenclature label {`	459	`#ef-form-nomenclature label {`
460	`font-size:12px`	460	`font-size:12px`
461	`}`	461	`}`
462		462
463	`/----------------------------------------------------------------------------------------------------------/`	463	`/----------------------------------------------------------------------------------------------------------/`
464	`/* Formulaire d'autocompletion */`	464	`/* Formulaire d'autocompletion */`
465	`.ui-autocomplete a {`	465	`.ui-autocomplete a {`
466	`text-decoration:none;`	466	`text-decoration:none;`
467	`border-bottom:none;`	467	`border-bottom:none;`
468	`}`	468	`}`
469	`.ui-menu {`	469	`.ui-menu {`
470	`list-style:none;`	470	`list-style:none;`
471	`padding: 2px;`	471	`padding: 2px;`
472	`margin: 0;`	472	`margin: 0;`
473	`display:block;`	473	`display:block;`
474	`float: left;`	474	`float: left;`
475	`font-size: 11px;`	475	`font-size: 11px;`
476	`font-family: arial;`	476	`font-family: arial;`
477	`}`	477	`}`
478		478
479	`.ui-menu .ui-menu-item a {`	479	`.ui-menu .ui-menu-item a {`
480	`text-decoration:none;`	480	`text-decoration:none;`
481	`display:block;`	481	`display:block;`
482	`padding:.2em .4em;`	482	`padding:.2em .4em;`
483	`line-height:0.8;`	483	`line-height:0.8;`
484	`zoom:1;`	484	`zoom:1;`
485	`}`	485	`}`
486		486
487	`#nom.valeur-defaut-recherche {`	487	`#nom.valeur-defaut-recherche {`
488	`color:#848484;`	488	`color:#848484;`
489	`font-style:italic;`	489	`font-style:italic;`
490	`font-weight:0.9em;`	490	`font-weight:0.9em;`
491	`}`	491	`}`
492	`/----------------------------------------------------------------------------------------------------------/`	492	`/----------------------------------------------------------------------------------------------------------/`
493	`/* Résultats */`	493	`/* Résultats */`
494	`.zone-resultat {`	494	`.zone-resultat {`
495	`width:96%;`	495	`width:96%;`
496	`min-height:101px;`	496	`min-height:101px;`
497	`padding:10px;`	497	`padding:10px;`
498	`margin-bottom:10px;`	498	`margin-bottom:10px;`
499	`background:#f8f9ec;`	499	`background:#f8f9ec;`
500	`border:solid 1px #f1f3de;`	500	`border:solid 1px #f1f3de;`

Subversion Repositories eFlore/Applications.eflore-consultation

(root)/trunk/presentations/styles/eflore.css @ 1479 – Rev 1254 → 1257