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; |
} |