Subversion Repositories Applications.referentiel

Rev

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

@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);
}
        
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* 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;}
        
/* 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*/}