Subversion Repositories eFlore/Applications.cel

@CHARSET "UTF-8";
body {
        padding:0;
        margin:0;
        width:100%;
        height:100%;
        font-family:Arial;
        font-size:12px;
        background-color:#FFF;
        color:#000;
}
h1 {
        font-size:1.6em;
}
h2 {
        font-size:1.4em;
        text-transform:uppercase;
        letter-spacing:0.3em;
        padding:5px 10px;
        background:#A1CA10;
        width:250px;
        margin-bottom:0;
        margin-left:2px;
        -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
        line-height:2em;
}
a, a:active, a:visited {
        border-bottom:1px dotted #666;
        color:#181;
        text-decoration:none;
}
a:active {
        outline:none;
}
a:focus {
        outline:thin dotted;
}
a:hover {
        color:#56B80E;
        border-bottom:1px dotted #56B80E;
}

/*+-----------------------------------------------------------------------------------------------------------------+*/
/* 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:0.5em 0;
}

/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau : */
table {
        border:1px solid gray;
        border-collapse:collapse;
}
table thead, table tfoot, table tbody {
        background-color:Gainsboro;
        border:1px solid gray;
        color:black;
}
table tbody {
        background-color:#FFF;
}
table th {
        font-family:monospace;
        border:1px dotted gray;
        padding:5px;
        background-color:Gainsboro;
}
table td {
        font-family:arial;
        border:1px dotted gray;
        padding:5px;
        text-align:left;
}
table caption {
        font-family:sans-serif;
}
legend {
        font-size:1.2em;
        color:#000;
        text-transform:uppercase;
        letter-spacing:0.2em;
        padding:5px 10px;
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.nettoyage{
        clear:both;
}
hr.nettoyage{
        visibility:hidden;
}
label[title]:after, th[title]:after, span[title]:after {
    content: " " url("../images/icones/aide.png");
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire générique */
fieldset {
        background-color:#fff;
}
input[type="text"], select, textarea {
        width:240px;
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire spécifique */
#zone-fiche-terrain, #zone-fiche-terrain-photo{
        background:#A1CA10;
        width:600px;
        margin-left:2px;
        padding-bottom:10px;
}
#zone-fiche-terrain{
        -webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
}
#zone-fiche-terrain-photo{
        -webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
        margin-top:-10px;
}
#zone-liste-obs{
        padding-bottom:25px;
        margin-top:15px;        
        -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
#saisie-obs fieldset{
        display:block;
}
#saisie-obs label{
        font-weight:bold;
}

#partie-observation, #partie-preview, #partie-station{  
        margin-top:10px;
}
#partie-station, #partie-observation, #partie-photo, #partie-date{
        width:550px;
        margin-left:10px;
        background:#E5E5E5;
        -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
        background:#E5E5E5;
        -webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
}
#saisie-obs ul {
        list-style-type:none;
        margin:0;
        padding:0;
}
#saisie-obs li {
        margin:5px;
}
/*-------------------------------------------------------*/
/* Partie-identification */
#partie-identification, #partie-identification legend{
        background:#A1CA10;
        -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
#partie-identification{
        width:582px;
}
#partie-identification li{
        float: left;
    margin-left: 20px;
        display:inline;
        width:250px;
}
#partie-identification label{
        /*display:block;*/
}
/*-------------------------------------------------------*/
/* Partie-station */
#partie-station fieldset{
        margin-top:0;
}
#partie-station label {
        width:75px;
        display:block;
        float:left;
}
#latitude, #longitude {
        width:70px;
        float:left;
}
#latitude {
        margin-right:5px;
}
#lat-lon-info {
        margin-left:5px;
}
#partie-observation label{
        width:120px;
        float:left;     
}
#partie-observation li{
        margin :10px;
}
#adresse{
        width:290px;
}
#partie-station #partie-lat-lon label.error{
        float:left;
        width:80px;
}
#partie-observation li li{
        width :150px;
        float:left;
        margin :5px;
}
#partie-observation li li label.error{
        position: relative;
        margin-top: -38px;
        margin-left:50px;
        float:left;
}
label[for=milieu]{
        display:block;
        width:100%;
}
ul#liste-milieux{
        padding-top:5px;
}
#liste-milieux li{
        display:inline;
}
/*-------------------------------------------------------*/
/* Photo */
#resultat,.resultat {
        width:20%;
}
.resultat {
        width:30px;
}
#form-upload{
        margin-top:10px;
}
/*-------------------------------------------------------*/
/* Partie-preview */
#partie-preview legend, #partie-preview{
        background:#A1CA10;
        -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
#partie-preview {
        width:582px;
        border:none;
}
.supprimer-obs{
        background-color:transparent;
        border:none;
    cursor:pointer;
}
.obligatoire {
        color:red;
}
label.error {
        display:inline;
        float:none;
        padding-left:.5em;
        color:red;
}
#partie-observation label.error,#partie-station label.error {
        width:150px;
        float:right;
}
#ajouter-obs{
        margin-left:407px;
        margin-top:10px;
        font-size:20px;
        background:#181;
        color:#FFF;
        -webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
        height:35px;
        width:137px;
}
#transmettre-obs{
        margin-left:400px;
        margin-top:5px;
        font-size:20px;
        background:#811;
        color:#FFF;
        -webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
        height:35px;
}
/*-------------------------------------------------------*/
/* Autocomplete */
.ui-autocomplete {
        background-color: white;
        width: 300px;
        border: 1px solid #cfcfcf;
        list-style-type: none;
        padding-left: 0px;
}