Subversion Repositories Sites.tela-botanica.org

Rev

Rev 346 | Blame | Last modification | View Log | RSS feed

/**********************************************************************************************************************/
/*                                                                                              Feuille de style de la page d'accueil   : Feuilles d'Automne                                                                                                                                    */
/**********************************************************************************************************************/
/* Auteur : Tamara LEBOURG <tamara@tela-botanica.org>                                                                                                                                                                                                                                                                   */
/* Auteur : Magali GIAUME <magali@giaume.com>                                                                                                                                                                                                                                                                                                   */
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org>                                                                                                                                                                                                                                                         */
/* Date réalisation : 12 juin 2007                                                                                                                                                                                                                                                                                                                                             */

/* Élements de base */
a:hover{
        text-transform:none;}

/* Centrage général */
#zone_centrage{
        background:none;}

/* Les principaux liens*/
#zone_liens{
        display:none;}

/* Les mondes*/
#zone_sites{
        display:block;
        position:absolute;
        top:140px;
        height:400px;
        width:800px;
        margin-left:-400px;
        left: 50%;
  background:url(./picto_feuille_automne.png) bottom left no-repeat;}
#titre_sites{
        display:none;}
#image_fond {
  position:relative;
  clear:both;
  width:780px;
  height:350px;
  margin:0 auto;
  color:#600;
  text-align:left;
  background:transparent url(./fond_automne.jpg) no-repeat 155px 0;}
#image_fond a {
  display:block;}
#zone_sites a:hover span {
  display:block;
  position:absolute;
  width:210px;
  height:150px;
  color: #000;
  padding:70px 20px 0 20px;
  background:url(./pixel_transparent60.png);}
#zone_sites a span {
  display:none;
  position:absolute;}
#monde_1 a, #monde_2 a, #monde_3 a, #monde_4 a, #monde_5 a, #monde_6 a, #monde_7 a, #monde_8 a{
  position:absolute;
        text-align:center;
  color:#670101;}
#monde_1 a{
  top:55px;
  left:75px;
  width:120px;
  height:40px;
  padding:0 40px 0 0;}
#monde_2 a{
  top:205px;
  left:90px;
  width:130px;
  height:40px;
  padding:0 50px 0 0;}
#monde_3 a{
  top:120px;
  left:65px;
  width:100px;
  height:40px;
  padding:5px 30px 0 0;}
#monde_4 a{
  top:228px;
  left:255px;
  width:75px;
  height:50px;
  padding:45px 0 0 0;}
#monde_5 a{
  top:246px;
  left:345px;
  width:78px;
  height:50px;
  padding:45px 0 0 0;}
#monde_6 a{
  top:250px;
  left:453px;
  width:73px;
  height:50px;
  padding:43px 0 0 0;}
#monde_7 a{
  top:249px;
  left:545px;
  width:110px;
  height:50px;
  padding:45px 0 0 0;}
#monde_8 a{
  top:229px;
  left:645px;
  width:110px;
  height:50px;
  padding:45px 0 0 0;}

#monde_1 a:hover span {
  top:-50px;
  left:217px;}
#monde_2 a:hover span {
  top:-200px;
  left:200px;}
#monde_3 a:hover span {
  top:-117px;
  left:225px;}
#monde_4 a:hover span {
  top:-224px;
  left:36px;}
#monde_5 a:hover span {
  top:-245px;
  left:-55px;}
#monde_6 a:hover span {
  top:-248px;
  left:-164px;}
#monde_7 a:hover span {
  top:-248px;
  left:-255px;}
#monde_8 a:hover span {
  top:-228px;
  left:-355px;}