[80] | 1 | /* CSS Document */ |
---|
| 2 | |
---|
| 3 | body{ |
---|
| 4 | background-image: url(images/bg_01.jpg); |
---|
| 5 | background-repeat:repeat-x; |
---|
| 6 | background-color:#7b5e33;} |
---|
| 7 | |
---|
| 8 | .niveau2, .niveau3, #contexte1, #contexte2{display:none;} |
---|
| 9 | |
---|
| 10 | #bandeau{display:none;} |
---|
| 11 | |
---|
| 12 | #general{ |
---|
| 13 | width:1000px; |
---|
| 14 | margin:auto auto; |
---|
| 15 | position:relative; |
---|
| 16 | } |
---|
| 17 | |
---|
| 18 | #chemin{display:none;} |
---|
| 19 | |
---|
| 20 | #corps{ |
---|
| 21 | position:absolute; |
---|
| 22 | top:30px; |
---|
| 23 | left:50%; |
---|
| 24 | margin-left:-255px; |
---|
| 25 | width:440px; |
---|
| 26 | height:440px; |
---|
| 27 | background-image: url(images/bg_03.jpg); |
---|
| 28 | background-repeat:no-repeat; |
---|
| 29 | overflow: hidden; |
---|
| 30 | padding:35px; |
---|
| 31 | } |
---|
| 32 | |
---|
| 33 | #corps h2{ |
---|
| 34 | font-size:12px; |
---|
| 35 | font-family:Arial, Helvetica, sans-serif; |
---|
| 36 | font-weight:bold; |
---|
| 37 | color:#ffc874; |
---|
| 38 | margin-bottom:15px; |
---|
| 39 | } |
---|
| 40 | #corps{ |
---|
| 41 | font-size:11px; |
---|
| 42 | font-family:Arial, Helvetica, sans-serif; |
---|
| 43 | font-weight: normal; |
---|
| 44 | color:#f5d8ac; |
---|
| 45 | margin-bottom:10px; |
---|
| 46 | } |
---|
| 47 | #corps a{ |
---|
| 48 | font-size:11px; |
---|
| 49 | font-family:Arial, Helvetica, sans-serif; |
---|
| 50 | font-weight:lighter; |
---|
| 51 | color:#f5d8ac; |
---|
| 52 | margin-bottom:10px; |
---|
| 53 | |
---|
| 54 | } |
---|
| 55 | .listageconteneur li {margin-bottom:25px;} |
---|
| 56 | |
---|
| 57 | .listagetitre a{ |
---|
| 58 | font-size:13px; |
---|
| 59 | font-family:Arial, Helvetica, sans-serif; |
---|
| 60 | text-transform:uppercase; |
---|
| 61 | color:#ffefd7; |
---|
| 62 | text-decoration:none; |
---|
| 63 | } |
---|
| 64 | |
---|
| 65 | .listageinfo, .dateauteurs{ |
---|
| 66 | font-size:9px; |
---|
| 67 | font-family:Arial, Helvetica, sans-serif; |
---|
| 68 | font-weight:lighter; |
---|
| 69 | color:#f5d8ac; |
---|
| 70 | margin-bottom:10px; |
---|
| 71 | } |
---|
| 72 | |
---|
| 73 | .listageinfo a, .dateauteurs a{ |
---|
| 74 | text-decoration:none; |
---|
| 75 | color:#ffc874; |
---|
| 76 | } |
---|
| 77 | .chapeau{ |
---|
| 78 | font-size:13px; |
---|
| 79 | font-family:Arial, Helvetica, sans-serif; |
---|
| 80 | font-weight:lighter; |
---|
| 81 | color:#f5d8ac; |
---|
| 82 | margin-bottom:15px; |
---|
| 83 | } |
---|
| 84 | |
---|
| 85 | |
---|
| 86 | |
---|
| 87 | .listagetexte, .texte{ |
---|
| 88 | font-size:12px; |
---|
| 89 | font-family:Arial, Helvetica, sans-serif; |
---|
| 90 | font-weight:lighter; |
---|
| 91 | color:#f5d8ac; |
---|
| 92 | text-align:justify; |
---|
| 93 | } |
---|
| 94 | |
---|
| 95 | #corps .listagetexte{ |
---|
| 96 | font-size:11px;} |
---|
| 97 | .listagesuite, .listagerepondre{ |
---|
| 98 | float:right; |
---|
| 99 | clear:left; |
---|
| 100 | } |
---|
| 101 | .listagerepondre{ display:none;} |
---|
| 102 | |
---|
| 103 | .listagesuite a, .listagerepondre a{ |
---|
| 104 | font-size:9px; |
---|
| 105 | font-family:Arial, Helvetica, sans-serif; |
---|
| 106 | text-decoration:none; |
---|
| 107 | color:#ffc874;} |
---|
| 108 | |
---|
| 109 | |
---|
| 110 | .listagelogo{ |
---|
| 111 | float:left; |
---|
| 112 | margin-right:10px; |
---|
| 113 | } |
---|
| 114 | |
---|
| 115 | #edito{ |
---|
| 116 | font-family:Arial, Helvetica, sans-serif; |
---|
| 117 | font-size:13px; |
---|
| 118 | color:#f5d8ac; |
---|
| 119 | margin-bottom:15px; |
---|
| 120 | } |
---|
| 121 | |
---|
| 122 | h1{ |
---|
| 123 | font-family:Arial, Helvetica, sans-serif; |
---|
| 124 | font-size:16px; |
---|
| 125 | font-weight:bold; |
---|
| 126 | color:#ffc874; |
---|
| 127 | margin-bottom:10px; |
---|
| 128 | } |
---|
| 129 | |
---|
| 130 | #navigation{ |
---|
| 131 | position:absolute; |
---|
| 132 | left:120px; |
---|
| 133 | top:50px; |
---|
| 134 | } |
---|
| 135 | |
---|
| 136 | #navigation li{ |
---|
| 137 | width:103px; |
---|
| 138 | height:103px; |
---|
| 139 | margin-bottom:20px; |
---|
| 140 | } |
---|
| 141 | |
---|
| 142 | #navigation li a{ |
---|
| 143 | font-size:12px; |
---|
| 144 | font-family:Verdana, Arial, Helvetica, sans-serif; |
---|
| 145 | font-weight:bold; |
---|
| 146 | color:#c18851; |
---|
| 147 | display:block; |
---|
| 148 | background-image:url(images/bg_09.png); |
---|
| 149 | width:103px; |
---|
| 150 | height:103px; |
---|
| 151 | text-decoration:none; |
---|
| 152 | text-align:center; |
---|
| 153 | padding-top:75px; |
---|
| 154 | background-repeat:no-repeat; |
---|
| 155 | } |
---|
| 156 | |
---|
| 157 | #navigation li a:hover{ |
---|
| 158 | background-image:url(images/bg_06.png); |
---|
| 159 | background-repeat: no-repeat; |
---|
| 160 | color:#dcad66; |
---|
| 161 | } |
---|
| 162 | |
---|
| 163 | |
---|
| 164 | .item1, .item2, .item3, .item4{position:absolute;} |
---|
| 165 | |
---|
| 166 | .item5, .item6, .item7, .item8{ |
---|
| 167 | position:absolute; |
---|
| 168 | left:655px;} |
---|
| 169 | |
---|
| 170 | |
---|
| 171 | |
---|
| 172 | .item1, .item5{top:0px;} |
---|
| 173 | .item2, .item6{top:123px;} |
---|
| 174 | .item3, .item7{top:246px;} |
---|
| 175 | .item4, .item8{top:369px;} |
---|
| 176 | |
---|
| 177 | #footer{ |
---|
| 178 | position: absolute; |
---|
| 179 | top:550px; |
---|
| 180 | left:50%; |
---|
| 181 | text-align:center; |
---|
| 182 | margin-left:-255px; |
---|
| 183 | width:510px; |
---|
| 184 | font-size:10px; |
---|
| 185 | color:#f5d8ac; |
---|
| 186 | } |
---|
| 187 | #footer a{ |
---|
| 188 | text-decoration:none; |
---|
| 189 | color:#ffc874;} |
---|
| 190 | |
---|