style.css

   1 *{
   2 font-family: "Trebuchet MS", georgia, serif;
   3 }
   4
   5
   6 p {
   7     font-size:10pt;
   8 }
   9
  10
  11 body{
  12         margin: 0;
  13         padding: 0;
  14         border: 0;
  15         overflow: hidden;
  16         height: 100%;
  17         max-height: 100%;
  18         background:black;
  19 }
  20
  21 * html body{ /*IE6 hack*/
  22         padding: 180px 0 40px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
  23 }
  24
  25 * html #maincontent{ /*IE6 hack*/
  26         height: 100%;
  27         width: 100%;
  28 }
  29
  30
  31 #head{
  32         position: absolute;
  33         top: 0;
  34         left: 0;
  35         width: 100%;
  36         height: 180px; /*Height of top frame div*/
  37         overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  38         /* background-color: #882900; */
  39         color: #882900;
  40         text-align:center;
  41 }
  42
  43
  44 #head a:hover {
  45     color:rgb(207,63,23);
  46     background:black;
  47 }
  48
  49
  50 #foot{
  51     position: absolute;
  52     width: 100%;
  53         top: auto;
  54         left: 0;
  55         bottom: 0;
  56         height: 40px; /*Height of bottom frame div*/
  57         overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  58         background-color: black;
  59         color: #882900;
  60         text-align:center;
  61         font-size:0.6em;
  62 }
  63
  64 #foot a {
  65   text-decoration:none;
  66   font-weight:bold;
  67   color:rgb(207,63,23);
  68 }
  69
  70 #foot a:hover {
  71   color:black;
  72   background:rgb(207,63,23);
  73 }
  74
  75
  76 #maincontent{
  77         position: fixed;
  78         top: 180px; /*Set top value to HeightOfTopFrameDiv*/
  79         left: 0;
  80         right: 0;
  81         bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
  82         overflow: auto;
  83         background: #882900;
  84         color: black;
  85 }
  86
  87 #contenu {
  88         width:900px;
  89         margin-left:auto;
  90         margin-right:auto;
  91         text-align:justify;
  92 }
  93
  94 #content
  95 {
  96         clear: left;
  97         float: left;
  98         width: 560px;
  99         padding: 20px 0;
 100         margin: 0 0 0 30px;
 101         display: inline;
 102 }
 103
 104 #aside
 105 {
 106         float: right;
 107         width: 240px;
 108         padding: 20px 0;
 109         margin: 0 20px 0 0;
 110         display: inline;
 111 }
 112
 113
 114
 115 .innertube{
 116         margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
 117 }
 118
 119
 120 #menu {
 121     margin:0;
 122     padding:0;
 123     width:800px;
 124     margin-left:auto;
 125     margin-right:auto;
 126     text-align:center;
 127     background:black;
 128
 129 }
 130
 131 a {
 132   text-decoration:none;
 133   font-weight:bold;
 134   color:black;
 135 }
 136
 137 a:hover {
 138   background:rgb(207,63,23);
 139 }
 140
 141
 142
 143 /* menu */
 144
 145 ul#menu_horizontal {
 146         top: auto;
 147         bottom: 0;
 148     height : 30px;
 149     margin : 2em 0 0 0;
 150     padding : 0;
 151     color:rgb(207,63,23);
 152     background-color : black;
 153     list-style-type : none;
 154     display : inline;
 155 }
 156
 157 ul#menu_horizontal li {
 158     padding : 0 0.5em;
 159     line-height : 30px;
 160     display : inline;
 161 }
 162
 163 ul#menu_horizontal li.bouton_gauche {
 164     /* float : left; */
 165 }
 166
 167 ul#menu_horizontal li.bouton_droite {
 168     /* float : right; */
 169 }
 170
 171 ul#menu_horizontal a {
 172     color:rgb(207,63,23);
 173     text-decoration : none;
 174     padding : 0 0.5em;
 175     font :  0.8em;
 176 }
 177
 178 ul#menu_horizontal a:hover {
 179     color:black;
 180     background:rgb(207,63,23);
 181 }
 182
 183 ul#menu_horizontal a img {
 184     border : none;
 185     padding :  0 0.3em;
 186 }
 187
 188 .active {
 189     text-decoration : underline;
 190 }
 191