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

.colonne_milieu {
        
}

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

/*+--------------------------------------------------------------------------------------------------------+*/
/* Positionnement général */
#zone-appli {
        margin:0 auto;
        width:600px;
}

/*+--------------------------------------------------------------------------------------------------------+*/
/* 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-date * {
        position: relative;
        z-index:50;
}
#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: 120px;
        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;
}
#partie-station #label_map_canvas {
        width: 100%;
}
#map-canvas {
        width:525px;
        height: 340px;
} 
#partie-station #partie-lat-lon label.error{
        float:left;
        width:80px;
}
#partie-observation li li, #rue_numeros li{
        width :150px;
        float:left;
        margin :5px;
}
#rue_numeros li{
        width :265px;
        float:left;
        margin:0;
}
#rue_numeros li label{
        width:80px;
        float:left;     
}
#rue_numeros li input{
        width:175px;
}
#partie-observation li li label.error{
        position: relative;
    margin-top: -42px;
        margin-left:50px;
        float:left;
}
label[for=milieu]{
        display:block;
        width:100%;
}
label[for=coordonnees-geo] {
        display:block;
        width:100% !important;
}
ul#coordonnees-geo {
        list-style-type:none;
        float:left;
        width: 100%;
}
ul#coordonnees-geo li {
        float: left;
    margin: 5px;
        width: 201px;
}
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
        width: 70px;
}
ul#coordonnees-geo #info-commune{
        width: 150px;
}
ul#liste-milieux{
        float:left;
}
ul#liste-milieux li{
        display:inline;
        width:100px;
}
#notes{
        width:400px;
}
#rue{
        /**width:440px;**/
    left: 35px;
    position: relative;
    top: 35px;
    width: 320px;
    z-index: 45;
}
.indication_geolocalisation {
        color:#118811;
    font-style: italic;
    font-weight: bold;
        font-weight:0.9em;
}
.indication_geolocalisation {
    height: 30px;
    position: relative;
    top: 15px;
}
/*-------------------------------------------------------*/
/* Photo */
#resultat,.resultat {
        width:20%;
}
.resultat {
        width:30px;
}
#form-upload{
        margin-top:10px;
}
#miniature-info{
        margin:0;
}
.b64{
        max-width:100px;
        max-height:100px;
}
/*-------------------------------------------------------*/
/* 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;
        padding:0;
    cursor:pointer;
}
.obs-miniature {
        text-align:center;
}
.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 */
.valeur-defaut-recherche {
        color:#848484;
        font-style:italic;      
        font-weight:0.9em;
}