style.css

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