Subversion Repositories Sites.gentiana.org

Rev

Rev 27 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

/*
Feuille de style supportée par les navigateurs modernes (version 5 et +)
Auteur: Jean-Pascal MILCENT 
*/

/* Icones */
a.lien_ext:after {
content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
a.pdf:before {
content: url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icon_pdf.png)" ";}
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
a.mail:after, a[href ^="mailto:"]:after {
content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_mail.png);}
.table_bordure th[title]:after {
content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_aide.png);}

/* Présentation des liens */
a {color:black;}

/* Présentation des listes de définitions */
dl {
        width:100%;}
dt {
        float:left;
        font-weight:bold;
        text-align:top left;
        margin-right:0.3em;}
dd {
        width:auto;
        margin-left:0;
        margin:0.5em 0;}

/* Présentation des images */
img a {
        display:block;}

/* Divers */
.clear {
        clear:both;}
.texte_inactif {
        font-size:10px;
        color:gray;}
.attention, .information {
        display:block;
        text-align:center;
        min-height: 50px;
        max-width: 800px;
        padding:5px 5px 5px 50px;}
.attention {
        background: #ffffcc url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_attention.png) no-repeat 2% 50%;
        border: 1px solid red;}
.information {
        background: #e7ebfd url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_information.png) no-repeat 2% 50%;
        border:1px solid #5D81BA;}
blockquote {
        font-style:italic;
        text-align:center;}
legend {
        text-align:center;}

/*DIFFERENTS BLOCS DE LA PAGE*/

#zone_generale {
        text-align:center;}

/* Zone logo */
#zone_logo {
        margin:7px 10px;
        position:absolute;
        top:22px;
        left:18px;
        background:none !important;}
#zone_logo img {
        border:0 !important;}

/* Accessibilité */
#zone_accessibilite {
        position:absolute;
        top:2px;
        left:815px;}
#zone_accessibilite a{
        font-size:10px;
        color:gray;}


/* Bandeau */
#zone_bandeau {
        height:158px;
        margin:0}
#titre_site {
        position:absolute;
        top:100px;
        left:200px;
        margin:0;
        text-align:right;
        height:38px;
        background:none !important;}
#bandeau_contenu {
        position:absolute;
        top:125px;
        left:200px;
        height:25px;
        width:565px;
        text-align:left;
        padding-top:5px;
        text-transform:uppercase;}
#bandeau_contenu a, #bandeau_contenu a:hover {
        font-weight:bolder;
        margin-left:10px;
        color:white;}

/* Moteur de recherche */
#zone_moteur_recherche {
        position:absolute;
        top:140px;
        left:570px;
        height:25px;
        width:180px;}
#form_more_recherche {
        float:right;
        padding:0;
        margin:0;}
#form_more_recherche legend {
        display:none;}
#form_more_recherche fieldset {
        border:0;
        margin:0;
        padding:0;}
#form_more_recherche label {
        display:none;}
/* Texte trouvé par le moteur de recherche */
.surlignage {
        background-color:yellow;}
/* Formatage des résultats du moteur de recherche */
#more_resultat, #more_resultat li {
        clear:left;
        display: inline;
        margin: 0;
        padding: 0;
        list-style-type:none;}
.more_iid, .more_dui {
        display:none;}
.more_ivd {
        width:600px;}
.more_duv a {
        color:#008000;}
.more_dsv, .more_dsi {
        color:#C1C1C1;}
.more_detail, .more_detail li {
        display: inline;
        margin: 0;
        padding: 0;
        list-style-type:none;}

/* Zone contenu */
#zone_contenu {
        margin:0 5px 0 205px;
        position:relative;
        width:750px;}

/* Zone contenu navigation : les onglets */
#zone_contenu_navigation {
        position:relative;
        float:left;
        text-align:left;
        font-weight:bold;}
#zone_contenu_navigation ul {
        margin:0;
        padding:0;
        list-style:none;}
#zone_contenu_navigation li {
        background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
        float:left;
        margin:0;
        padding:0;}
#zone_contenu_navigation a {
        float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
        display:block;
        background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/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 \*/
#header a {float:none;}
/* End IE5-Mac hack */
#zone_contenu_navigation > ul a {
        width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#zone_contenu_navigation li:hover {
        background-position:100% -150px;}
#zone_contenu_navigation li:hover a {
        background-position:0% -150px;}
#zone_contenu_navigation .menu_inactif {
        border-bottom:1px solid;}
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
        position:relative;
        background-position:100% -150px;
        padding-bottom:2px;
        z-index:3;
        font-weight:bold;}
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
        position:relative;
        background-position:0% -150px;
        padding-bottom:3px;
        z-index:4;}

/* Zone contenu page */
#zone_contenu_page {
        position:relative;
        top:-1px;
        clear:both;
        padding:0 2px 0 2px;
        text-align:justify;
        min-height:300px;}
#zone_contenu_page_corps{
        clear:both;
        line-height:1.2em;
        text-align:justify;
        padding:0 5px 7px 5px;}

/* Zone liste site */
#zone_liste_site {
        position:absolute;
        top:50px;
        left:780px;}

/* Zone menu */
#zone_menu {
        position:absolute;
        top:150px;
        left:2px;
        width:188px;
        min-height:292px;
        padding:5px 5px;}

/* Zone menu */
#zone_menu, #menus {
        font-size:13px;
        margin:10px 0;
        text-align:left;}
#zone_menu a, #menus a {
        background:none;
        color:#000;
        display:block;
        height:1.2em;}
#zone_menu .menu_actif>a, #menus .menu_actif>a {
        border:1px solid;}
#zone_menu > ul a, #menus > ul a {
        height:auto;}
#navigation hr, #nav_gauche hr {
        width:40%;
        text-align:center;}

/* Zone menu -> form connexion et deconnexion */
#form_connexion, #identification {
        padding:12px 2px 2px 5px;}
#form_connexion legend, #identification legend {
        text-transform:uppercase;
        font-size:14px;
        font-weight:bold;}
#form_connexion label, #identification label {
        display:none;}
label#persistant_label {
        display:block;
        margin:0.5em 0 1em 2em;
        color:black;}
#form_connexion fieldset, #identification fieldset{
        border:none;}
#username, #password {
        width:10em;
        text-align:left;
        margin:0.5em 0;}
#persistant {
        text-align:left;
        float:left;
        margin:0.5em 0 1em 0;}
#identification_info, #identification, #formconnexion, #iden_action {
        display:block;
        width:auto;
        text-align:center;
        font-size:11px;
        margin: 0;
        padding-bottom:2px;}
#lien_inscription{
        text-transform:uppercase;
        margin:0.5em 0 1em 0;}
#inscription_aide {
        margin-left:1em;}
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
        display:block;
        font-size:14px;
        text-align:center;
        font-weight:bold;
        text-transform:none;
        margin:0 0 5px 0;}
#identification_prenom, #identification_nom{
        font-size:13px;
        font-weight:bold;
        color:black;}
#identification_nom {
        text-transform:uppercase;}
#iden_action a {
        line-height:15px;}

/* Zone menu -> menu contextuel */
#menu_contextuel {
        border:1px solid;}

/* Présentation des menus */
.menu_classique_n1, .menu_n1 {
        padding:0;
        margin:0;
        font-weight:bold;
        list-style-type:none;}
.menu_classique_n1 a {
        padding:3px 0;}
.menu_classique_n2, .menu_n2 {
        padding:0;
        margin:0;
        font-weight:normal;
        list-style-type:none;}
.menu_classique_n2 a {
        padding:3px 0 3px 15px;}
.menu_n3 {
        margin:0 0 0 10px;
        padding:0;
        text-align:left;}
.menu_inactif a, .menu_actif a {
        color:#000;
        text-decoration:none;
        background-color:transparent;}

/* Zone pied */
#zone_pied {
        font-size:11px;
        clear:both;
        text-align:center;
        width:700px;
        margin-left:200px;}
#zone_pied p{
        position:center;}
#zone_pied a {
        margin:0 10px;}
#pied_menu_commun .menu_commun_n1 {
        padding:0;}
#pied_menu_commun li {
        display:inline;}
#pied_menu_commun li+li {
        display:inline;
        padding-left:10px;}


/* Applette Catégorie et Mots Clés */
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
        display:none;}
.page_titre {
        font-weight:bold;}

/* Texte champ d'une fiche */
.champ_cle {
        font-weight:bold;}
.champ_valeur {
        font-weight:normal;}p_cle {
        font-weight:bold;}
.champ_valeur {
        font-weight:normal;}

/*menu_commun*/
.question {
        font-weight:bold;}