| 1,67 → 1,47 |
|---|
| /********************************* |
| Feuille de style de la page d'accueil |
| ***********************************/ |
| /**********************************************************************************************************************/ |
| /* 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 */ |
| body { |
| font-family:Arial, Helvetica, Verdana, sans-serif; |
| margin:0;} |
| a:link { |
| font-size:13px; |
| font-weight:bold; |
| text-decoration:none;} |
| a:visited { |
| font-weight:bold; |
| text-decoration:none;} |
| a:hover, a:active { |
| text-decoration:none;} |
| /* Élements de base */ |
| a:hover{ |
| text-transform:none;} |
| |
| /* Sp�cific divs */ |
| #logo_tela { |
| display:none;} |
| #tela_botanica { |
| width:400px; |
| padding-left:132px; |
| margin:0 auto; |
| background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;} |
| #tela_botanica h1{ |
| color:#0D6828; |
| font-size:50px; |
| margin:20px 0 0 0;} |
| #tela_botanica h2{ |
| color:black; |
| font-size:20px; |
| margin:5px 0 0 0;} |
| #tela_botanica p { |
| margin-top:25px;} |
| #tela_botanica p a { |
| font-size:17px; |
| color:#670101; |
| background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;} |
| #admin a { |
| font-size:10px; |
| color: rgb(169, 169, 169); |
| background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;} |
| #tela_botanica p a:hover, #admin a:hover { |
| text-decoration:none; |
| background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;} |
| /* Centrage général */ |
| #zone_centrage{ |
| background:none;} |
| |
| /* Image de fond et mondes*/ |
| /* 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; |
| z-index:100; |
| width:780px; |
| height:350px; |
| margin:0 auto; |
| color:#600; |
| font-size:13px; |
| font-weight:bold; |
| text-align:left; |
| background:transparent url(/accueil/fond-automne.jpg) no-repeat 155px 0;} |
| background:transparent url(./fond_automne.jpg) no-repeat 155px 0;} |
| #image_fond a { |
| display:block;} |
| a:hover span { |
| #zone_sites a:hover span { |
| display:block; |
| position:absolute; |
| width:210px; |
| 68,87 → 48,62 |
|---|
| height:150px; |
| color: #000; |
| padding:70px 20px 0 20px; |
| background:url(/accueil/pixel_transparent60.png); |
| font-size:14px; |
| line-height:large; |
| font-family:Arial, Helvetica, Verdana, sans-serif; |
| text-align:center; |
| font-weight:bold;} |
| a span { |
| 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{ |
| position:absolute; |
| top:55px; |
| left:75px; |
| width:120px; |
| height:40px; |
| padding:0 40px 0 0; |
| color:#670101; |
| text-align:center;} |
| padding:0 40px 0 0;} |
| #monde_2 a{ |
| top:205px; |
| left:90px; |
| width:130px; |
| height:40px; |
| padding:0 50px 0 0;} |
| #monde_3 a{ |
| position:absolute; |
| top:120px; |
| left:65px; |
| width:100px; |
| height:40px; |
| padding:5px 30px 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_2 a{ |
| position:absolute; |
| top:205px; |
| left:90px; |
| width:130px; |
| height:40px; |
| padding:0 50px 0 0; |
| color:#670101; |
| text-align:center;} |
| padding:5px 30px 0 0;} |
| #monde_4 a{ |
| position:absolute; |
| top:228px; |
| left:255px; |
| width:75px; |
| height:50px; |
| padding:45px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| padding:45px 0 0 0;} |
| #monde_5 a{ |
| position:absolute; |
| top:246px; |
| left:345px; |
| width:78px; |
| height:50px; |
| padding:45px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| padding:45px 0 0 0;} |
| #monde_6 a{ |
| position:absolute; |
| top:250px; |
| left:453px; |
| width:73px; |
| height:50px; |
| padding:43px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| padding:43px 0 0 0;} |
| #monde_7 a{ |
| position:absolute; |
| top:249px; |
| left:545px; |
| width:110px; |
| height:50px; |
| padding:45px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| padding:45px 0 0 0;} |
| #monde_8 a{ |
| position:absolute; |
| top:229px; |
| left:645px; |
| width:110px; |
| height:50px; |
| padding:45px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| padding:45px 0 0 0;} |
| |
| #monde_1 a:hover span { |
| top:-50px; |
| 173,31 → 128,4 |
|---|
| left:-255px;} |
| #monde_8 a:hover span { |
| top:-228px; |
| left:-355px;} |
| |
| /* Pied de page */ |
| .information { |
| background: #e7ebfd url(/sites/commun/generique/images/graphisme/information.png) no-repeat 1% 10%; |
| text-align:center; |
| border:1px solid #dfe7ac; |
| width:950px; |
| height:70px; |
| margin:0 auto;} |
| p#firefox a{ |
| font-weight:normal; |
| color:#670101; |
| background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;} |
| .lien_img { |
| background:none;} |
| #pied_page li { |
| display:inline; |
| margin:0; |
| padding:5px;} |
| #pied_page img { |
| vertical-align:middle; |
| margin:0 1em;} |
| #pied_page p { |
| padding:10px 0 10px 0;} |
| #admin { |
| float:right; |
| margin-right: 20px;} |
| left:-355px;} |