| New file |
|---|
| 0,0 → 1,629 |
|---|
| @CHARSET "UTF-8"; |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Générique */ |
| body { |
| font-family:Arial, Helvetica, Verdana, sans-serif; |
| font-size:0.85em; |
| background-color:#fff; |
| margin:2px;} |
| h1{ |
| font-size:1.4em; |
| line-height:1.3em; |
| font-weight:bold; |
| padding:0 0 2px 5px; |
| margin:10px 0 4px 0; |
| background-color:#c38673; |
| color:white;} |
| h2{ |
| font-size:1em; |
| font-weight:bold; |
| color:black; |
| text-transform:uppercase; |
| margin:10px 0 4px 0; |
| color:#AD5A40;} |
| h3{ |
| font-size:0.95em; |
| color:black; |
| font-weight:bold; |
| margin:8px 0 4px 0; |
| text-transform:none;} |
| h4{ |
| font-size:0.8em; |
| color:black; |
| font-weight:bold; |
| letter-spacing:0.1em; |
| margin:8px 0 2px 0;} |
| h5{ |
| font-size:0.8em; |
| color:black; |
| font-style:italic; |
| margin:4px 0 1px 0;} |
| h6{ |
| font-size:0.75em; |
| color:black; |
| font-style:italic; |
| margin:4px 0 1px 0;} |
| a{ |
| color:black; |
| text-decoration:none; |
| background:url(images/img_underline_atelier.png) repeat-x center bottom;} |
| a:hover{ |
| color:black; |
| text-decoration:none; |
| background:url(images/img_underline_hover_atelier.png) repeat-x center bottom;} |
| hr{ |
| color:#62210F;} |
| table{ |
| border-collapse: collapse; |
| width:100%; |
| margin:5px 0;} |
| td,th{ |
| border:1px solid #36560B; |
| padding:7px 5px; |
| background-color:white;} |
| th{ |
| background-color:#EEE;} |
| label[title]:after, th[title]:after, span[title]:after { |
| content: " " url("images/aide.png"); |
| } |
| caption{ |
| border:1px solid #36560B; |
| background-color:#EEE; |
| font-weight:bold; |
| padding:2px;} |
| img{ |
| border:0;} |
| img a{ |
| display:block;} |
| legend{ |
| color:#AD5A40;} |
| .nettoyeur{ |
| visibility:hidden;} |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* 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; |
| background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;} |
| #zone-entete-contenu{ |
| height:120px; |
| background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;} |
| #zone-titre-site{ |
| height:38px; |
| margin:0; |
| text-align:right;} |
| #zone-titre-site 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-navigation{ |
| position:relative; |
| float:left; |
| height:21px; |
| width:100%; |
| margin:0; |
| padding:0; |
| text-align:left; |
| font-weight:bold; |
| border-bottom:1px solid #62210F;} |
| #zone-corps-contenu{ |
| clear:both; |
| min-height:300px; |
| padding:0 2px; |
| text-align:justify; |
| border-top:medium none !important; |
| border:1px solid #62210F;} |
| #zone-fil-ariane{ |
| font-weight:bold; |
| text-align:left;} |
| #zone-pied{ |
| clear:both; |
| text-align:center;} |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* 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 ";} |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Fil d'ariane */ |
| #zone-fil-ariane{ |
| padding:10px 5px;} |
| #zone-fil-ariane p{ |
| font-weight:bold; |
| float:left; |
| margin:0; |
| padding-right:5px;} |
| .fil-ariane{ |
| list-style-type:none; |
| margin:0; |
| padding:0;} |
| .fil-ariane li{ |
| float:left; |
| margin:0; |
| padding:0;} |
| .fil-ariane li:before{ |
| content: " > ";} |
| .fil-ariane a{ |
| padding:0 5px;} |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Navigation onglets */ |
| #zone-navigation ul { |
| margin:0; |
| padding:0; |
| list-style:none;} |
| #zone-navigation li { |
| float:left; |
| margin:0; |
| padding:0; |
| background:url("images/norm_right_both.gif") no-repeat right top;} |
| #zone-navigation a { |
| float:left; /* ligne ajoutee pour compatibilite IE5-Mac */ |
| display:block; |
| background:url("images/norm_left_both.gif") no-repeat left top; |
| width:.1em; |
| white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/ |
| padding:5px 15px 4px; |
| text-decoration:none;} |
| /* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/ |
| #zone-navigation a {float:none;} |
| /* End IE5-Mac hack */ |
| #zone-navigation > ul a { |
| width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/ |
| #zone-navigation li:hover { |
| background-position:100% -150px;} |
| #zone-navigation li:hover a { |
| background-position:0% -150px;} |
| #zone-navigation .inactif { |
| border-bottom:medium none #62210F;} |
| #zone-navigation .inactif a{ |
| border-bottom:1px solid; |
| line-height:12px; |
| font-weight:normal;} |
| #zone-navigation .actif{ |
| position:relative; |
| background-position:100% -150px; |
| z-index:3;} |
| #zone-navigation .actif a{ |
| position:relative; |
| background-position:0 -150px; |
| line-height:13px; |
| z-index:4;} |
| #zone-navigation .securise{ |
| position:relative; |
| border-bottom:medium none #62210F; |
| background-position:100% -150px; |
| z-index:3;} |
| #zone-navigation .inactif.securise a{ |
| background:url("images/norm_left_both_securise.png") no-repeat left top;} |
| |
| #zone-navigation li.inactif.securise { |
| background:url("images/norm_right_both_securise.png") no-repeat right top;} |
| |
| #zone-navigation li.inactif.securise:hover { |
| background-position:100% -150px;} |
| #zone-navigation li.inactif.securise:hover a { |
| background-position:0% -150px;} |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Général */ |
| .discretion{ |
| color:#A9A9A9; |
| font-size:10px; |
| font-weight:normal;} |
| .description{ |
| background-color:#f0f0f0; |
| white-space:pre-wrap;} |
| .resultat{ |
| text-transform:uppercase;} |
| .ok{ |
| background-color:#9ED30D !important;} |
| .ko{ |
| background-color:#E9584C !important;} |
| .espace{ |
| background-color:yellow !important;} |
| .obligatoire{ |
| color:red;} |
| .attention { |
| display:block; |
| background: #ffffcc url("images/attention.png") no-repeat 2% 50%; |
| text-align:center; |
| border: 1px solid red; |
| min-height: 30px; |
| max-width: 800px; |
| padding:10px 5px 5px 50px;} |
| .information { |
| background: #e7ebfd url("images/information.png") no-repeat 2% 50%; |
| text-align:center; |
| border:1px solid #5D81BA; |
| max-width: 800px; |
| min-height:30px; |
| padding:10px 5px 5px 50px;} |
| hr.nettoyage{ |
| clear:both; |
| width:0;} |
| /* Formulaire */ |
| #zone-form fieldset{ |
| margin:5px; |
| padding:5px; |
| float:left;} |
| #zone-form fieldset legend{ |
| padding:0 10px; |
| border-left:#CCC 1px solid; |
| border-right:#CCC 1px solid; |
| background-color:white; |
| font-size:1.2em; |
| color:#999;} |
| #zone-form input{ |
| margin:5px;} |
| #zone-form textarea{ |
| with:100%;} |
| #zone-form input[type="submit"] { |
| width:auto !important; |
| margin:5px !important;} |
| #zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{ |
| background-color:#DEF;} |
| .case-a-cocher-scroll { |
| clear:both; |
| height:6em; |
| padding:2px; |
| margin: 0 0 2px 0; |
| overflow:auto; |
| width:90%; |
| border:1px solid #ccc; |
| background-color:#FFF;} |
| .case-a-cocher-scroll label{ |
| width:90% !important;} |
| .case-a-cocher-scroll input{ |
| margin:0; |
| padding:0; |
| width:auto !important;} |
| .case-a-cocher-scroll label:after{ |
| content:"" !important;} |
| .liste-simple li, ul.liste-simple, ul.liste-champs{ |
| list-style-type:none; |
| padding:0; |
| margin:0 !important;} |
| .liste-champs li{ |
| padding:2px;} |
| .defilant{ |
| min-height:150px; |
| max-height:300px; |
| overflow-x: hidden; |
| overflow-y: auto; |
| padding-right: 17px; |
| width: 900px; |
| } |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */ |
| .largeur-01{ |
| width:60px;} |
| .largeur-01-5{ |
| width:90px;} |
| .largeur-02{ |
| width:120px;} |
| .largeur-02-5{ |
| width:150px;} |
| .largeur-03{ |
| width:180px;} |
| .largeur-03-5{ |
| width:210px;} |
| .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;} |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Demande de traitements */ |
| .traitement-attente{ |
| background-color:#F16158;} |
| .traitement-cours{ |
| background-color:#FCCB54;} |
| .traitement-termine{ |
| background-color:#BBEFA5;} |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Traitement */ |
| #resultats { |
| width:1024px;} |
| #resultats .numero{ |
| font-weight:bold; |
| width:2%;} |
| #resultats .nom{ |
| font-weight:bold; |
| width:30%;} |
| |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Informations */ |
| .lien_telechargement { |
| margin-bottom: 15px; |
| margin-top: 10px; |
| } |
| |
| .lien_telechargement a { |
| border: 1px solid grey; |
| padding: 5px; |
| margin-right: 5px; |
| border-radius: 7px 7px 7px 7px; |
| background-color: #888; |
| background: -webkit-linear-gradient( #777, #F4F7F8); |
| background: -moz-linear-gradient( #777, #F4F7F8); |
| background: -ms-linear-gradient( #777, #F4F7F8); |
| background: -o-linear-gradient( #777, #F4F7F8); |
| background: linear-gradient( #777, #F4F7F8); |
| } |
| |
| .lien_telechargement a:hover{ |
| color: white; |
| background: #555; |
| background: -webkit-linear-gradient( #555, #666); |
| background: -moz-linear-gradient( #555, #666); |
| background: -ms-linear-gradient( #555, #666); |
| background: -o-linear-gradient( #555, #666); |
| background: linear-gradient( #555, #666); |
| } |
| |
| .lien_telechargement a:active{ |
| color: #000; |
| background: #444; |
| background: -webkit-linear-gradient( #555, #2C2C2C); |
| background: -moz-linear-gradient( #555, #2C2C2C); |
| background: -ms-linear-gradient( #555, #2C2C2C); |
| background: -o-linear-gradient( #555, #2C2C2C); |
| background: linear-gradient( #555, #2C2C2C); |
| box-shadow: 1px 1px 10px black inset, |
| 0 1px 0 rgba( 255, 255, 255, 0.4); |
| } |
| |
| .telecharger-resultat { |
| background-color: #C3D45D; |
| padding: 10px; |
| border: solid #505050 1px; |
| padding-top: 0; |
| } |
| |
| .colonne-cases { |
| display: inline-block; |
| margin-right: 20px; |
| margin-top: 10px; |
| } |
| .curseur-pointeur { |
| cursor: pointer; |
| } |
| |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Résultat */ |
| #ref-resultat .resultat{ |
| width:20px; |
| padding:5px;} |
| #ref-resultat .description, #ref-resultat .message{ |
| width:800px; |
| padding:5px;} |
| #ref-resultat .message p{ |
| background-color:#f0f0f0;} |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Résultat consultation*/ |
| #ref-resultat-recherche { |
| padding : 5px; |
| } |
| .nom_retenu { |
| font-weight:bold;} |
| th { |
| background-color:#EFF3FF;} |
| .transmis td, .transmis{ |
| background-color:#EAEDCD;} |
| .non_transmis td, .non_transmis{ |
| background-color:#C4AFA8;} |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Présentation Fiche Taxon*/ |
| .txt-long{ |
| white-space:pre-wrap;} |
| p.txt-long{ |
| width:53.6em; |
| padding:.3em; |
| background-color:#FFF;} |
| #texte li{ |
| margin:0;} |
| .ref-onglets{ |
| font-size:0.9em;} |
| .ref-sommaire a{ |
| background:none;} |
| .label-grand dt{ |
| width:28em;} |
| .label-court dt{ |
| width:12em;} |
| th.vide { |
| background-color:transparent; |
| border:none;} |
| #ref-ref-mail pre{ |
| font-family:Arial, Helvetica, Verdana, sans-serif; |
| font-size:1em; |
| margin:1em 0; |
| border:none;} |
| #ref-ref-mail form{ |
| text-align:center; |
| margin:1em 0; |
| padding:0; |
| } |
| #ref-ref-mail label{ |
| display:inline-block; |
| width:150px; |
| padding:0 1em; |
| text-align:left; |
| vertical-align: top;} |
| #ref-ref-mail textarea{ |
| width:600px;} |
| #ref-ref-mail .droite{ |
| margin-left:130px;} |
| #ref-ref-mail .champs{ |
| width:600px;} |
| #ref-ref-mail .valid{ |
| float:center; |
| } |
| |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Fragmenteur : pagination */ |
| .fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats { |
| -moz-border-radius: 4px 4px 4px 4px; |
| color: white; |
| margin: 0 2px; |
| padding: 5px;} |
| .fragmenteur select, .fragmenteur a { |
| background-color: #C38673; |
| border: 1px solid black;} |
| .fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats { |
| background-color: #AEDC43; |
| border: 1px solid #86A736; |
| font-weight: bold;} |
| .frag_separateur { |
| display: none;} |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Versionnage */ |
| #zone-form{ |
| position:relative; |
| width:100%;} |
| #zone-form fieldset:hover{ |
| background-color:#EFE0D1;} |
| #ref-demande-versionnage fieldset{ |
| width:400px;} |
| #ref-demande-versionnage textarea{ |
| width:95%;} |
| #ref-demande-versionnage label{ |
| display:block; |
| float:left; |
| width:40%; |
| margin:2px 0;} |
| #ref-demande-versionnage #champs-domaine label{ |
| width:90%;} |
| #ref-demande-versionnage input{ |
| width:100%; |
| margin:0 0 2px 0;} |
| #case-a-cocher-scroll-licence, label[for="referencement"]{ |
| width:90% !important;} |
| #case-a-cocher-scroll-licence label{ |
| width:80%;} |
| #champs-contributeur{ |
| clear:left;} |
| #ref-versionnage-ok{/*Pour IE6*/ |
| width:auto !important; |
| margin:5px !important;} |
| #champs-contributeur p{ |
| width:32%; |
| float:left; |
| font-size:0.8em; |
| padding:3px;} |
| #champs-contributeur div{ |
| width:66%; |
| float:left; |
| margin-left:2px; |
| padding-left:5px; |
| border-left:1px dotted black;} |
| |
| .imagette-plus { |
| background: url("images/ouvrir.png") no-repeat scroll 0 0 transparent; |
| display: inline; |
| float: left; |
| height: 15px; |
| margin-right: 3px; |
| width: 15px; |
| } |
| |
| .imagette-moins { |
| background: url("images/fermer.png") no-repeat scroll 0 0 transparent; |
| display: inline; |
| float: left; |
| height: 15px; |
| margin-right: 3px; |
| width: 15px; |
| } |
| |
| .icone-deplier-arbre { |
| cursor:pointer; |
| } |
| |
| .arbre-chargement { |
| background: url("images/chargement.gif") no-repeat scroll 0 5px transparent; |
| margin-left: 17px; |
| padding: 5px 5px 5px 20px; |
| } |
| |
| .arbre-nombre-familles { |
| padding-left: 30px; |
| } |
| |
| .branche-arbre-taxo, .aucun-synonyme { |
| list-style-type:none; |
| } |
| |
| .lien-voir-synonymes-taxo, .aucun-sous-taxon, .aucun-synonyme { |
| font-size: 0.8em; |
| } |
| |
| .lien-voir-synonymes-taxo , .arbre-liste-synonymes a { |
| color: #666666; |
| } |
| |
| #texte li.feuille-arbre-synonyme-taxo { |
| margin-top: 3px; |
| list-style-type: square; |
| } |
| |
| .branche-arbre-taxo { |
| margin-top: 2px; |
| border-left: 1px solid; |
| margin-left: 7px; |
| margin-top: 2px; |
| padding-left: 20px; |
| } |
| |
| #texte .feuille-arbre-taxo { |
| margin-top: 3px; |
| } |
| |
| /* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/ |
| .ref-onglets { |
| margin:0;/*Pour IE*/ |
| padding:0;/*Pour IE*/ |
| height:auto !important;height:100%;/*Pour IE*/} |
| |
| .droite { |
| float:right; |
| } |