Subversion Repositories Sites.tela-botanica.org

/*********************************
Feuille de style de la page d'accueil
***********************************/

/* �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;}

/* 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;}

/* Image de fond et mondes*/
#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;}
#image_fond a {
  display:block;}
a:hover span {
  display:block;
  position:absolute;
  width:210px;
  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 {
  display:none;
  position:absolute;}
#monde_1 a{
  position:absolute;
  top:55px;
  left:75px;
  width:120px;
  height:40px;
  padding:0 40px 0 0;
  color:#670101;
  text-align:center;}
#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;}
#monde_4 a{
  position:absolute;
  top:228px;
  left:255px;
  width:75px;
  height:50px;
  padding:45px 0 0 0;
  color:#670101;
  text-align:center;}
#monde_5 a{
  position:absolute;
  top:246px;
  left:345px;
  width:78px;
  height:50px;
  padding:45px 0 0 0;
  color:#670101;
  text-align:center;}
#monde_6 a{
  position:absolute;
  top:250px;
  left:453px;
  width:73px;
  height:50px;
  padding:43px 0 0 0;
  color:#670101;
  text-align:center;}
#monde_7 a{
  position:absolute;
  top:249px;
  left:545px;
  width:110px;
  height:50px;
  padding:45px 0 0 0;
  color:#670101;
  text-align:center;}
#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;}

/* 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;}