SHOW:
|
|
- or go back to the newest paste.
| 1 | html {
| |
| 2 | margin:0; | |
| 3 | padding:0; | |
| 4 | ||
| 5 | } | |
| 6 | ||
| 7 | ||
| 8 | body {
| |
| 9 | ||
| 10 | display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ | |
| 11 | display: -ms-flexbox; /* TWEENER - IE 10 */ | |
| 12 | display: -webkit-flex; /* NEW - Chrome */ | |
| 13 | display: flex; | |
| 14 | flex-direction: column; | |
| 15 | ||
| 16 | background-color: #042137; | |
| 17 | margin:0; | |
| 18 | padding:0; | |
| 19 | font-family: 'Mandali', sans-serif; | |
| 20 | ||
| 21 | ||
| 22 | } | |
| 23 | h1, h2, h3 {
| |
| 24 | ||
| 25 | color: black; | |
| 26 | ||
| 27 | ||
| 28 | } | |
| 29 | ||
| 30 | ||
| 31 | .coordonnees {
| |
| 32 | ||
| 33 | ||
| 34 | color: #C33416; | |
| 35 | ||
| 36 | ||
| 37 | } | |
| 38 | ||
| 39 | #titreresponsive {
| |
| 40 | ||
| 41 | visibility: hidden; | |
| 42 | display: none; | |
| 43 | ||
| 44 | } | |
| 45 | ||
| 46 | .menuA {
| |
| 47 | ||
| 48 | display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ | |
| 49 | display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ | |
| 50 | display: -ms-flexbox; /* TWEENER - IE 10 */ | |
| 51 | display: -webkit-flex; /* NEW - Chrome */ | |
| 52 | display: flex; | |
| 53 | justify-content: space-between; | |
| 54 | width: 110%; | |
| 55 | ||
| 56 | } | |
| 57 | ||
| 58 | nav li {
| |
| 59 | ||
| 60 | list-style-type: none; | |
| 61 | margin-left: 1%; | |
| 62 | margin-right:1%; | |
| 63 | color: | |
| 64 | ||
| 65 | } | |
| 66 | ||
| 67 | nav a {
| |
| 68 | ||
| 69 | text-decoration: none; | |
| 70 | text-align: right; | |
| 71 | color: #D9B68F; | |
| 72 | ||
| 73 | } | |
| 74 | ||
| 75 | nav a:hover {
| |
| 76 | ||
| 77 | color: #FFFBFA; | |
| 78 | border-bottom: 4px solid #FFD9A7; | |
| 79 | ||
| 80 | } | |
| 81 | ||
| 82 | #blokheader {
| |
| 83 | ||
| 84 | display: -webkit-box; | |
| 85 | display: -moz-box; | |
| 86 | display: -ms-flexbox; | |
| 87 | display: -webkit-flex; | |
| 88 | display: flex; | |
| 89 | justify-content: space-around; | |
| 90 | align-items: wrap; | |
| 91 | margin-left: 0; | |
| 92 | padding:0; | |
| 93 | ||
| 94 | } | |
| 95 | ||
| 96 | #blokheaderresponsive {
| |
| 97 | ||
| 98 | display: none; | |
| 99 | ||
| 100 | } | |
| 101 | ||
| 102 | #bloc {
| |
| 103 | ||
| 104 | display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ | |
| 105 | display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ | |
| 106 | display: -ms-flexbox; /* TWEENER - IE 10 */ | |
| 107 | display: -webkit-flex; /* NEW - Chrome */ | |
| 108 | display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ | |
| 109 | justify-content: flex-start; | |
| 110 | ||
| 111 | margin:0; | |
| 112 | padding:0; | |
| 113 | background-color: #F9FCFF; | |
| 114 | ||
| 115 | } | |
| 116 | ||
| 117 | .menuresponsive {
| |
| 118 | ||
| 119 | visibility: hidden; | |
| 120 | ||
| 121 | } | |
| 122 | ||
| 123 | .showresponsive {
| |
| 124 | ||
| 125 | display: none; | |
| 126 | ||
| 127 | } | |
| 128 | ||
| 129 | .texte {
| |
| 130 | ||
| 131 | visibility: visible; | |
| 132 | margin-left: 12%; | |
| 133 | margin-right: 3%; | |
| 134 | margin-top: 40; | |
| 135 | margin-bottom: 25px; | |
| 136 | padding-left: 1%; | |
| 137 | padding-right: 0; | |
| 138 | ||
| 139 | ||
| 140 | } | |
| 141 | ||
| 142 | .texteresponsive {
| |
| 143 | ||
| 144 | visibility: hidden; | |
| 145 | display: none; | |
| 146 | ||
| 147 | } | |
| 148 | ||
| 149 | .imagetexte {
| |
| 150 | ||
| 151 | margin-top: 35px; | |
| 152 | margin-bottom: 10px; | |
| 153 | margin-left: 0; | |
| 154 | margin-right: 8%; | |
| 155 | padding: 0; | |
| 156 | ||
| 157 | } | |
| 158 | ||
| 159 | #bandeauA {
| |
| 160 | ||
| 161 | display: -webkit-box; | |
| 162 | display: -moz-box; | |
| 163 | display: -ms-flexbox; | |
| 164 | display: -webkit-flex; | |
| 165 | display: flex; | |
| 166 | justify-content: space-around; | |
| 167 | align-items: wrap; | |
| 168 | margin-left: 0; | |
| 169 | padding:0; | |
| 170 | background-color: #6F8DA4; | |
| 171 | ||
| 172 | } | |
| 173 | ||
| 174 | #bandeauBarticles {
| |
| 175 | ||
| 176 | display: -webkit-box; | |
| 177 | display: -moz-box; | |
| 178 | display: -ms-flexbox; | |
| 179 | display: -webkit-flex; | |
| 180 | display: flex; | |
| 181 | justify-content: space-between; | |
| 182 | align-items: wrap; | |
| 183 | margin-left: 0; | |
| 184 | padding:0; | |
| 185 | background-color: #FFD9A7; | |
| 186 | ||
| 187 | } | |
| 188 | ||
| 189 | .articleb1 {
| |
| 190 | ||
| 191 | margin: 2%; | |
| 192 | padding: 2%; | |
| 193 | ||
| 194 | } | |
| 195 | ||
| 196 | .articleb2 {
| |
| 197 | ||
| 198 | margin: 2%; | |
| 199 | padding: 2%; | |
| 200 | ||
| 201 | } | |
| 202 | ||
| 203 | .articleb3 {
| |
| 204 | ||
| 205 | margin: 2%; | |
| 206 | padding: 2%; | |
| 207 | ||
| 208 | } | |
| 209 | ||
| 210 | .interieurcar {
| |
| 211 | ||
| 212 | float: right; | |
| 213 | ||
| 214 | padding-left: 10px; | |
| 215 | ||
| 216 | } | |
| 217 | ||
| 218 | @media screen and (max-width: 1176px) {
| |
| 219 | ||
| 220 | ||
| 221 | ||
| 222 | ||
| 223 | #blokheader {
| |
| 224 | ||
| 225 | visibility: hidden; | |
| 226 | display: none; | |
| 227 | ||
| 228 | } | |
| 229 | ||
| 230 | #blokheaderresponsive {
| |
| 231 | ||
| 232 | display: block; | |
| 233 | visibility: visible; | |
| 234 | color: #D9B68F; | |
| 235 | margin-left: 6%; | |
| 236 | ||
| 237 | } | |
| 238 | ||
| 239 | #bloc {
| |
| 240 | ||
| 241 | display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ | |
| 242 | display: -ms-flexbox; /* TWEENER - IE 10 */ | |
| 243 | display: -webkit-flex; /* NEW - Chrome */ | |
| 244 | display: flex; | |
| 245 | flex-direction: column-reverse; | |
| 246 | ||
| 247 | } | |
| 248 | ||
| 249 | #bandeau2articles {
| |
| 250 | ||
| 251 | display: flex; | |
| 252 | flex-direction: column; | |
| 253 | ||
| 254 | } | |
| 255 | ||
| 256 | .responsiveimg {
| |
| 257 | ||
| 258 | margin-left: 5%; | |
| 259 | margin-right: 5%; | |
| 260 | width: 100%; | |
| 261 | height: 100; | |
| 262 | ||
| 263 | } | |
| 264 | ||
| 265 | .texte {
| |
| 266 | ||
| 267 | visibility: hidden; | |
| 268 | display: none; | |
| 269 | margin-left: 5%; | |
| 270 | margin-right: 5%; | |
| 271 | ||
| 272 | } | |
| 273 | ||
| 274 | #titreresponsive {
| |
| 275 | ||
| 276 | visibility: visible; | |
| 277 | display: block; | |
| 278 | margin-left:6%; | |
| 279 | ||
| 280 | } | |
| 281 | ||
| 282 | .texteresponsive {
| |
| 283 | ||
| 284 | margin-left: 5%; | |
| 285 | margin-right: 5%; | |
| 286 | visibility: visible; | |
| 287 | display: block; | |
| 288 | ||
| 289 | } | |
| 290 | ||
| 291 | nav > ul > li {
| |
| 292 | ||
| 293 | float: left; | |
| 294 | position: relative; | |
| 295 | ||
| 296 | } | |
| 297 | ||
| 298 | nav > ul:after {
| |
| 299 | ||
| 300 | content: ""; | |
| 301 | display: block; | |
| 302 | clear: both; | |
| 303 | ||
| 304 | } | |
| 305 | ||
| 306 | nav a {
| |
| 307 | ||
| 308 | display: inline-block; | |
| 309 | text-decoration: none; | |
| 310 | ||
| 311 | } | |
| 312 | ||
| 313 | nav > ul > li > a {
| |
| 314 | ||
| 315 | padding: 20 px 15 px; | |
| 316 | color: #FFF; | |
| 317 | ||
| 318 | } | |
| 319 | ||
| 320 | .sousmenu1 {
| |
| 321 | ||
| 322 | display: none; | |
| 323 | ||
| 324 | } | |
| 325 | ||
| 326 | nav li:hover .sousmenu1 {
| |
| 327 | ||
| 328 | display: inline-block; | |
| 329 | position: absolute; | |
| 330 | top: 10px; | |
| 331 | left: 0px; | |
| 332 | padding: 0; | |
| 333 | margin-right: 10px; | |
| 334 | z-index: 80000; | |
| 335 | ||
| 336 | } | |
| 337 | ||
| 338 | .sousmenuA li {
| |
| 339 | ||
| 340 | border-bottom: 1px solid #FFFFFF; | |
| 341 | background-color: #002030; | |
| 342 | margin-right: 10px; | |
| 343 | ||
| 344 | } | |
| 345 | ||
| 346 | .sousmenuA li a {
| |
| 347 | ||
| 348 | padding: 0; | |
| 349 | font-size: 20px; | |
| 350 | color: #FFFFFF; | |
| 351 | width: 210px; | |
| 352 | margin-right: 10px; | |
| 353 | ||
| 354 | } | |
| 355 | ||
| 356 | .location {
| |
| 357 | ||
| 358 | display: none; | |
| 359 | ||
| 360 | } | |
| 361 | ||
| 362 | .taxiservices {
| |
| 363 | ||
| 364 | display: none; | |
| 365 | ||
| 366 | } | |
| 367 | ||
| 368 | .logofranck {
| |
| 369 | ||
| 370 | margin-left: 5%; | |
| 371 | margin-right: 5%; | |
| 372 | width: 100%; | |
| 373 | height: 100; | |
| 374 | } | |
| 375 | ||
| 376 | .showresponsive {
| |
| 377 | ||
| 378 | display: inline-block; | |
| 379 | ||
| 380 | } | |
| 381 | ||
| 382 | .noshowresponsive {
| |
| 383 | ||
| 384 | display: none; | |
| 385 | ||
| 386 | } | |
| 387 | } |
