Subversion Repositories Sites.tela-botanica.org

/* ======================================================== */
/*      Created by Devit Schizoper                                                              */
/*      Created HomePages http://LoadFoo.starzonewebhost.com    */
/*      Created Day 01.12.2006                                                                  */
/* ======================================================== */


body {
        margin: 0px;
        background: url(../images/top_bg.gif);
        background-repeat: repeat-x;
        font-family: Verdana, Arial, sans-serif;
        font-size: .6em;
}

p {
        line-height: 17px;
        margin: 11px 0 10px 0;
        padding: 0px;
}

h2 {
        color: #9f9f9f;
        margin:0px;
        padding:0px;
        font-size: 15px;
}

ul {
        font-size: 10px;
        margin:0;
        padding:0;
        list-style-image: url(../images/bullet.gif);
}

a {
        color: orange;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

blockquote{
        background: #F7FDE3;
        color: #606060;
        padding: 10px;
}

hr {
        color: orange;
        background-color: orange;
        height: 2px;
        border: 0;
        width:100%;
}

input, textarea {
        margin:1px;
        border:1px solid orange;
}

/**** Main Container ***/


#wrap {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 930px;
}


/**** Top ***/


#top {
        width: 100%;
        height: 88px;
        color: #fff;
        background: #000 url(../images/top_bg.gif);
        /*overflow:hidden;*/
}

#top h1 {
        color: #FFF;
        letter-spacing: 3px;
        font-size: 2.4em;
        font-weight: normal;
        position: absolute;
        margin: 0px;
        top:13px;
        display:block;
        float:left;
        border-left:5px solid orange;
        padding-left: 10px;

}
#top h2 {
        position: absolute;
        margin: 0px;
        top:50px;
        display:block;
        clear:both;
        float:left;
        padding: 0;
        color:orange;
}

#top h1 a {
        color: white;
        text-decoration: none;
}

#top h1 a:hover {
        color: #93B300;
}


/**** Main Menu ***/

#menu {
        margin:0; padding:0;
        display: block;
        float:right;
        height: 88px;
}

#menu ul {
        margin: 0;
        list-style: none;
}

#menu li {
        display: block;
        float: left;
        white-space: nowrap;
}

#menu li a {
        display: block;
        padding:50px 10px 10px 3px;
        /*padding: 55px 20px 12px 20px;*/
        text-decoration: none;
        color: #fff;
        font-weight: bold;
}

* html #menu a {width:1%;}

#menu li a:hover {
        background: url(../images/bg_menu.gif);
}

#menu li a.current {
        letter-spacing: 1px;
        color: gray;
        background: url(../images/bg_menu.gif);
}

#menu li a.current:hover {
        color: #fff;
}

#kwicks {
        position: relative;
}

#kwicks .kwick {
        float: left;
        display: block;
        width: 70px;
        height: 21px;
}

#kwick_red {background:red url(../images/accueil.gif) no-repeat top left;}
#kwick_orange {background:orange url(../images/veille.gif) no-repeat top left;}
#kwick_yellow {background:yellow url(../images/services.gif) no-repeat top left;}
#kwick_green {background:green url(../images/demos.gif) no-repeat top left;}
#kwick_blue {background:blue url(../images/contact.gif) no-repeat top left;}


/**** Content Container ***/


#content {
        width: 100%;
        margin-top:15px;
}

#content h2 {
        margin: 0;
        padding: 10px 0 10px 0;
}


/**** Content ***/


#right ul {
        padding: 15px 0 15px 35px;
        margin:0;
}

#right li {
        margin-bottom:5px;
}

#right {
        display: block;
        width: 710px;
        margin-left: 230px;
}


/**** Sidebar ***/


#left {
        display:block;
        width: 200px;
        position: absolute;
        left:0;
        margin: 0;
        padding:5px 5px 20px 5px;
        background-color: #F6F6F6;
}
.commentsheader {display:none;}
.hr_clear {display:none;}

#nav ul {list-style:none; margin:0; width:200px; float:right;}
#nav li {padding:0; margin:0; list-style-type:none; list-style:none; background-image:none; }
#nav a {
        padding:0; margin:0;
        display: block;
        height: 2.0em;
        padding: 0.3em 0.3em 0.3em 0.8em;
        background-color: #F6F6F6;
        font-weight: bold;
        text-decoration: none;
        }
#nav br {display:none;}
#nav a:hover {
        color: #1a1a1a;
        border-left:5px solid orange;
        background-color: #fff;
        font-weight: bold;
        }

/**** Clear Div ***/


#clear {
        display: block;
        clear: both;
        width: 100%;
        height:1px;
        overflow:hidden;
}


/**** Footer ***/


#footer {
        margin: 20px auto 0 auto;
        text-align: center;
        border-top: dotted 1px gray;
        padding: 10px 0 20px 0;
        width: 70%;
}

#footer p {
        margin: 0px;
        padding: 0;
}