style.css

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