Subversion Repositories Sites.tela-botanica.org

/**********************************************************************************************************************/
/*                                                                                                                                                      Feuille de style de la page d'accueil                                                                                                                                                                   */
/**********************************************************************************************************************/
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org>                                                                                                                                                                                                                                                         */
/* Date réalisation : 12 juin 2007                                                                                                                                                                                                                                                                                                                                             */

/* Centrage général */
#zone_centrage{
        width:800px;
        height:610px;
  margin:0 auto;
  background:url(./fond_fleur.jpg) top center no-repeat;}
#zone_habillage{float:right;}

/* Entête de la page */
#zone_bandeau{
        position:absolute;
        top:10px;
        height:115px;
        width:610px;
        margin-left:-305px;
        left: 50%;
        background:url(./pixel_marron.png) repeat-y 168px 0;}
#titre_tb{
        position:absolute;
        bottom:0;
        left:0;
        height:114px;
        width:154px;
        margin:0;}
#titre_reseau{
        position:absolute;
        top:0;
        left:180px;
        height:92px;
        width:381px;
        margin:0;}
#liste_informations {
        position:absolute;
        text-align:left;
        top:95px;
        left:180px;
        width:450px;
        padding:0;}
#liste_informations li{
        display:inline;}
#liste_informations a{
        padding:2px;
        color:#FFF;
        background-color:#7A292A;
        border:1px solid white;
        height:24px;
        voice-family: "\"}\"";
        voice-family:inherit;
        height:16px;}
#liste_informations a:hover{
        text-transform:none;
        color:white;
        background-color:#CFCFCF;
        border:2px solid #A2A2A2;
        height:24px;
        voice-family: "\"}\"";
        voice-family:inherit;
        height:16px;}
#liste_informations a:visited{
        color:#fff;}
#liste_informations li:after{
        content: " "url(./fleche_gauche.png);}
#liste_informations li:before{
        content: url(./fleche_droite.png)" ";}


/* Les liens de la page */
#zone_liens{
        position:absolute;
        top:130px;
        height:400px;
        width:800px;
        margin-left:-400px;
        left: 50%;
  background:url(./picto_fleur.png) bottom left no-repeat;}
#zone_liens li{
        list-style-type:none;}
#zone_liens ul{
        padding:0;}
#titre_liens{
        display:none;}
#zone_info_actu, #zone_info_reseau, #zone_info_botanique, #zone_info_ateliers{
        position:absolute;
        width:300px;
        height:175px;
        padding:5px;}

#zone_sondage   {
        margin-top:15px;
        font-size:11px;
        font-weight:normal;
        font-style:italic;
        
}       
#zone_sondage a {
        color : #7d90f4;
        font-size: 17px;
        font-style:normal;
}

#titre_info_botanique{
        color:#B5C724;
        padding:10px 15px 0 0;}
#zone_info_botanique a:hover {
        color:#879713;}
#titre_info_actu{
        color:#7D90F4;
        padding:10px 0 0 15px;}
#zone_info_actu a:hover {
        color:#7D90F4;}
#titre_info_reseau{
        color:#EFBA0C;
        padding:10px 15px 0 0;}
#zone_info_reseau a:hover {
        color:#EFBA0C;}
#titre_info_ateliers{
        color:#D8572D;
        padding:10px 0 0 15px ;}
#zone_info_ateliers a:hover {
        color:#D8572D;}
#zone_liens h3{
        text-transform:uppercase;
        font-weight:bold;
        font-size:20px;
        margin:0;}
#titre_info_botanique, #titre_info_actu{
        padding-top:40px;}
#zone_info_botanique{
        text-align:right;
        top:10px;
        left:100px;
  background:url(./contour_vert.png) bottom right no-repeat;}
#liste_liens_botanique{
        margin:2px 15px 0 0;}
#zone_info_actu{
        text-align:left;
        top:10px;
        left:412px;
  background:url(./contour_bleu.png) bottom left no-repeat;}
#liste_liens_actu{
        margin:2px 0 0 15px;}
#zone_info_reseau{
        text-align:right;
        top:197px;
        left:100px;
  background:url(./contour_jaune.png) top right no-repeat;}
#liste_liens_reseau{
        margin:2px 15px 0 0;}
#zone_info_ateliers{
        text-align:left;
        top:197px;
        left:412px;
  background:url(./contour_rouge.png) top left no-repeat;}
#liste_liens_ateliers{
        margin:2px 0 0 15px;}

/* Les mondes */
#zone_sites{
        display:none;}


/* La zone modulable */
.zone_lien_actualite {
        font-size:1.1em;        
}

#lien_actualite {
        color:#7D90F4;  
}

.zone_lien_actualite #lien_actualite:hover {
        color:#153276;
}

#lien_annonce  {
        color:#D8572D
}

.zone_lien_actualite #lien_annonce:hover  {
        color:#FFA69F;
}

#lien_application  {
        color:#EFBA0C
}

.texte_decale {
        margin-right: 65px;     
}

.zone_lien_actualite #lien_application:hover  {
        color:#B08608;
}
              
/* Pied de page */
#zone_partenaires{
        position:absolute;
        top:490px;
        height:100px;
        width:800px;
        margin-left:-400px;
        left: 50%;}
#liste_partenaires li{
        display:inline;
        padding:0 30px 0 0;}
#admin {
        float:right;
        margin-right:20px;}
#admin a {
        font-size:10px;
        color:rgb(169,169,169);
        background:url(/accueil/img_underline_accueil.png) center bottom repeat-x;}