Subversion Repositories Applications.referentiel

@CHARSET "UTF-8";
/*--------------------------------------------------------------------------------------------------------------*/
/* Générique */
body {
        font-family:Arial, Helvetica, Verdana, sans-serif;
        font-size:0.75em;
        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(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png) repeat-x center bottom;}
a:hover{
        color:black;
        text-decoration:none;
        background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png) repeat-x center bottom;}
hr{
        color:#62210F;}
table{
        border-collapse: collapse;
        width:100%;
        margin:0;}
td,th{
        border:1px solid #36560B;
        padding:7px 5px;}
th{
        background-color:#EEE;}
caption{
        border:1px solid #36560B;
        background-color:#EEE;
        font-weight:bold;
        padding:2px;}
img{
        border:0;}
img a{
        display:block;}
legend{
        color:#AD5A40;}
/*--------------------------------------------------------------------------------------------------------------*/
/* 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("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
#zone-entete-contenu{
        height:120px;
        background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/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(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;}
#zone-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 \*/
#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;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* 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(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/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(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/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 label:after{
        content:" : ";}
#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;
        overflow:auto;
        width:90%;
        border:1px solid #ccc;}
.case-a-cocher-scroll{
        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;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* 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%;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* 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;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* 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:30%;
        margin:2px 0;}
#ref-demande-versionnage #champs-domaine label{
        width:90%;}
#ref-demande-versionnage input{
        width:65%;
        margin: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;}