WebSVN – eFlore/Applications.eflore-consultation – //trunk/presentations/styles/eflore.css

@CHARSET "UTF-8";
/*--------------------------------------------------------------------------------------------------------------*/
/* Générique */
body {
        font-family:Arial, Helvetica, Verdana, sans-serif;
        font-size:0.85em;
        background-color:#fff;
        margin:2px;
}
h1, h2, h3, h4 {
        font-weight:bold;
        letter-spacing:0;
}
h1 {
        padding:0 0 0 25px;
        margin:20px 0 10px 0;
        font-size:15px;
        text-transform:uppercase;
        color:#fd8c13;
}
h2 {
        margin:20px 0 12px 0;
        font-size:15px;
        color:#FD8C13;
}
h3 {
        margin:20px 0 12px;
        font-size:14px;
        color:#454341;
}
h4 {
        margin:2px 2px 2px 0;
        font-size:11px;
        font-weight:normal;
        color:#AAAAAA;
}
h1 a, h2 a, h3 a, h4 a {
        color:inherit;
        border-bottom: dotted 1px;
}
h3 a {
        border-color:#CCCCCC;
}
a {
        color:#598000;
        border-bottom:1px dotted #95ae5d;
}
a:hover {
        color:#FD8C13;
        border-bottom:1px dotted #95ae5d;
}
hr{
        color:#62210F;
}
table{
        border-collapse: collapse;
        width:100%;
        margin:5px 0;
}
td,th{
        border:1px solid #36560B;
        padding:7px 5px;
}
th{
        background-color:#EEE;
}
th[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;
}
dl {
        width:100%;
}
dt {
        float:left;
        font-weight:bold;
        text-align:top left;
        margin-right:0.3em;
}
dd {
        width:auto;
        margin:0.5em 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* 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;
}
#zone-titre{
        height:38px;
        margin:0;
        text-align:right;
}
#zone-titre 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-menu{
        position:relative;
        float:left;
        height:21px;
        width:100%;
        margin:0;
        padding:0;
        text-align:left;
        font-weight:bold;
        border-bottom:1px solid #62210F;
}
#zone-contenu{
        clear:both;
        min-height:300px;
        padding:0 2px;
        text-align:justify;
        border-top:medium none !important;
        border:1px solid #62210F;
}
#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 ";
}
/*--------------------------------------------------------------------------------------------------------------*/
/* Navigation : onglets */
.onglets { 
        display:inline-block;
        padding:0;
        margin:0;
}
.onglets a {
        border:none
}
.onglets li a, .onglets li{
        list-style-image:none;
        padding:5px 3px 5px 3px;
        margin-top:2px;
        background-color:#C2C0AD;
}
.onglets li{
        cursor:pointer;
        float:left;
        list-style:none;
        margin-right:5px;
        font-size:13px;
        text-transform:uppercase;
        letter-spacing:0;
        padding:5px 2px 5px 5px;
        margin:0 1px 0 0;
        background:none no-repeat 5px 9px #C2C0AD;
        color:#fd8c13;
        border:1px solid #c2c0ad;
        border-bottom:0px solid #c2c0ad;
        text-decoration:none;
        border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_actif a{
        background:none;
        color:#FD8C13;
        font-weight:bold;
}
.onglets .menu_actif{
        background:none;
        border:1px solid #C2C0AD;
        border-bottom:0 solid #c2c0ad;
        text-decoration:none;
        border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_inactif a, .onglets h1{
        color:#6C6865;
}
.onglets .menu_actif h1{
        color:#FD8C13;
}
.onglets li:hover{
        background:white;
        border-bottom:0;
}
.onglets li a:hover{
        color:#FD8C13;
        background:white
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Général */
.centrer{
        text-align:center;
}
.discretion{
        color:#A9A9A9;
        font-size:10px;
        font-weight:normal;}
.attention {
        display:inline-block;
        background-color:#ffffcc;
        background-image:url("../images/attention.png");
        background-repeat:no-repeat;
        background-position:2% 50%;
        padding:10px 5px 5px 40px;
        margin:0 0 3px 16px;
        background-size:24px 24px;
        -webkit-background-size:24px 24px;
        -o-background-size:24px 24px;
        -moz-background-size:24px 24px;
        max-width:600px;
        min-height:20px;}
.information {
        display:inline-block;
        background-color:#e7ebfd;
        background-image:url("../images/information.png");
        background-repeat:no-repeat;
        background-position:2% 50%;
        padding:10px 5px 5px 40px;
        margin:0 0 3px 16px;
        background-size:24px 24px;
        -webkit-background-size:24px 24px;
        -o-background-size:24px 24px;
        -moz-background-size:24px 24px;
        max-width:600px;
        min-height:20px;}
hr.nettoyage{
        clear:both;
        width:0;}
.debogage pre{
        white-space:-moz-pre-wrap; /* Mozilla depuis 1999 */
    white-space:-pre-wrap; /* Opera 4 à 6 */
    white-space:-o-pre-wrap; /* Opera 7 */
    word-wrap:break-word; /* IE 5.5+ */
    overflow:auto;/* IE 6 */
        white-space:pre-wrap;/* CSS 3 */
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
.largeur-01{
        width:60px;}
.largeur-02{
        width:120px;}
.largeur-03{
        width:180px;}
.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;}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Formulaire de Recherche Simple */    
#ef-form-nomenclature fieldset {
        border:none; 
        padding:0;
        width:100%;
}
#ef-form-nomenclature table {
        width:100%;
}
#ef-form-nomenclature h1 { 
        margin:0 0 3px 16px; 
}
#ef-form-nomenclature .champ {
        padding:3px; 
        font-size:12px;
}
#ef-form-nomenclature .zone-choix-type-nom {
        float:left; 
        padding:0 10px
}
#ef-form-nomenclature .titre-choix-nom {
        padding:12px; 
        font-weight:bold
}
#ef-form-nomenclature #zone-liens-recherche  {
        padding:5px;
}
#eflore_nomenclature_fiche {
        background:url(../images/lien.png) no-repeat 0 -1px; 
        padding:0 0 0 17px; 
        color:#598000; 
        border:1px dotted #95AE5D;
        border-width:0 0 1px 0; 
        cursor:pointer; 
        margin:0 0 0 19px; 
        font-size:12px
}
#ef-form-nomenclature input.ok {
        color:rgba(0,0,0,0);
        font-size:12px; 
        font-weight:bold; 
        padding:3px 10px 3px 10px;
        background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
}
#ef-form-nomenclature input.ok:hover {
        background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
        cursor:pointer; 
}
#ef-form-nomenclature label {
        font-size:12px
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Formulaire d'autocompletion */       
.ui-autocomplete a {
        text-decoration:none;
        border-bottom:none;
}
.ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
        float: left;
        font-size: 11px;
        font-family: arial;
}

.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:0.8;
        zoom:1;
}

#nom.valeur-defaut-recherche {
        color:#848484;
        font-style:italic;      
        font-weight:0.9em;
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Résultats */
.zone-resultat {
        margin-left:-40px;
        min-height:101px;
        padding:10px;
        margin-bottom:10px;
        background:#f8f9ec;
        border:solid 1px #f1f3de;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        font-size:13px;
        -moz-box-shadow:3px 3px 3px #DDD;
}
.zone-resultat img {
        border:solid 2px #DDD
}
.surlignage {
        background-color: #E6FFA2;
}
Subversion Repositories eFlore/Applications.eflore-consultation

(root)//trunk/presentations/styles/eflore.css – Rev 161
