/* ------------ */
/* Global rules */
/* ------------ */



/* No borders around image with links */
a img {
    border:0px;
}

/* Default style */
body, html {
    width :100%;
    margin: 0;
    padding: 0;
    color: #5d5d5e;
    font-family: Georgia, serif;
    font-size: 12pt;
    background: white;
}

/* Header fonts */
h1, h2, h3, h4 {
    font-family : Verdana, Arial, sans-serif;
}


/* Links */
a {
    font-family : Verdana, Arial, sans-serif; 
    font-weight : bold;
    text-decoration : none;
}


/* ----------- */
/* Main layout */
/* ----------- */

/* Vertical page */
.page {
    margin: 0px;
    padding: 0px;
    font-family : sans-serif;
}


/* Header */
.header {
    margin: 0px; 
    padding: 10px;
    padding-left: 30px;
    padding-bottom: 0px;
    color : white;
    background : rgb(51,102,143);
    background-image : url(/images/arbre.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.header a {
    color:white;
}

/* Content below header */
.content {
    background-image:url(/images/racines.jpg);
    background-position : top right;
    background-repeat : no-repeat;
    padding : 0px;
    margin : 0px;
}

/* Title in the header */
.title {
    font-size : 200%;
    margin:0px;
    margin-top:10px;
}

/* Under the title */
.abstract {
    margin-top : 0px;
}




/* ------------------- */
/* Tabs in the header  */
/* ------------------- */

/* Container */
.tabs {
    padding: 0px;
    margin: 0px;
    border:0px;
    height:64px;
}


/* Single tab */
a.tab, a.selected-tab {
    display:block;
    float:left;
    padding : 0px;
    padding-bottom : 5px;
    padding-top : 10px;
    border : 0px;
    margin : 0px;
    width : 90px;
    height : 64px;
    vertical-align : bottom;
    text-align : center;
}

a.tab img, a.selected-tab img {
    vertical-align: bottom;
    border:0px;
}

/* Background image of all tabs */
a.tab {
        background-image : url(/images/tab.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* Not selected */
a.tab.unselected {
        opacity : .2;
}

/* Selected tab */
a.tab.selected {
        opacity : 1;
  
}

/* Selected */
a.tab.unselected:hover {
        opacity : .8;
}

/* Intro */
.intro {
    font-size : 14pt;
    margin:70px;
    padding: 20px;
    text-align:left;
    background-color:#E2E9EB;
    -moz-border-radius : 20px;
}