Rev 609 | Blame | Compare with Previous | Last modification | View Log | RSS feed
/**********************************************************************************************************************/
/* 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;}
#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;}
#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;}
/* 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;}