1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>La Forie</title> 6<meta name="description" content="Le petit village de La Forie vous accueille au cÅur du Livradois. 7Il est entouré de verdure et traversé par le Batifol. 8Sa mairie et ses commerces vous souhaitent la bienvenue. 9"> 10<meta name="keywords" content="La Forie, Livradois, Forez, Ambert, Auvergne, Village, Batifol, Moulins, Papiers, Tresse, salaisons, câbles, fabriques, Vaches, Moutons, agriculteurs, ruisseau, biefs, truites, sandows, médailles, champs, élastiques, chaussettes, Douarre, église, turbines, château, granite, éleveurs, auberge, épicerie, forêt, randonnée, sentiers, jeux, école, boules, tennis, football, pêche, jardins."> 11<meta name="author" content="ED SOLUTIONS"> 12<meta name="categories" content="MAIRIE"> 13<meta name="generator" content="ED SOLUTIONS"> 14<meta name="viewport" content="width=device-width, initial-scale=1.0"> 15<link href="LOGO16.ico" rel="shortcut icon" type="image/x-icon"> 16<link href="LOGO32.png" rel="icon" sizes="32x32" type="image/png"> 17<link href="LOGO64.png" rel="icon" sizes="64x64" type="image/png"> 18<style> 19div#container 20{ 21 width: 1280px; 22 position: relative; 23 margin: 0 auto 0 auto; 24 text-align: left; 25} 26body 27{ 28 background-color: #2D2D2D; 29 color: #FFFFFF; 30 font-family: Arial; 31 font-weight: normal; 32 font-size: 13px; 33 line-height: 1.1875; 34 margin: 0; 35 text-align: center; 36} 37a 38{ 39 color: #2D94D1; 40 text-decoration: underline; 41} 42a:visited 43{ 44 color: #3AB54A; 45} 46a:active 47{ 48 color: #3AB54A; 49} 50a:hover 51{ 52 color: #3AB54A; 53 text-decoration: underline; 54} 55input:focus, textarea:focus, select:focus 56{ 57 outline: none; 58} 59.visibility-hidden 60{ 61 visibility: hidden; 62} 63</style> 64<link href="cupertino/jquery-ui.min.css" rel="stylesheet"> 65<link href="owl.carousel.min.css" rel="stylesheet"> 66<link href="font-awesome.min.css" rel="stylesheet"> 67<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap" rel="stylesheet"> 68<link href="https://fonts.googleapis.com/css?family=Boogaloo&display=swap" rel="stylesheet"> 69<link href="https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap" rel="stylesheet"> 70<style> 71@-webkit-keyframes animate-fade-in-up 72{ 73 0% { -webkit-transform: translate(0px,100px) rotate(0deg) ; opacity: 0; } 74 100% { -webkit-transform: translate(0px,0px) rotate(0deg) ; opacity: 1; } 75} 76@-moz-keyframes animate-fade-in-up 77{ 78 0% { -moz-transform: translate(0px,100px) rotate(0deg) ; opacity: 0; } 79 100% { -moz-transform: translate(0px,0px) rotate(0deg) ; opacity: 1; } 80} 81@keyframes animate-fade-in-up 82{ 83 0% { transform: translate(0px,100px) rotate(0deg) ; opacity: 0; } 84 100% { transform: translate(0px,0px) rotate(0deg) ; opacity: 1; } 85} 86@-webkit-keyframes animate-fade-out 87{ 88 0% { opacity: 1; } 89 100% { opacity: 0; } 90} 91@-moz-keyframes animate-fade-out 92{ 93 0% { opacity: 1; } 94 100% { opacity: 0; } 95} 96@keyframes animate-fade-out 97{ 98 0% { opacity: 1; } 99 100% { opacity: 0; } 100} 101#wb_Text19 102{ 103 background-color: transparent; 104 background-image: none; 105 border: 0px solid #000000; 106 border-radius: 0px; 107 padding: 10px 0px 10px 0px; 108 margin: 0; 109 text-align: center; 110} 111#Text19-max-width 112{ 113 margin-left: auto; 114 margin-right: auto; 115 max-width: 800px; 116 width: 100%; 117} 118#wb_Text19 div 119{ 120 text-align: center; 121} 122#wb_Text19 123{ 124 display: block; 125 margin: 0; 126 box-sizing: border-box; 127 width: 100%; 128} 129#wb_Image33 130{ 131 margin: 0; 132 vertical-align: top; 133} 134#Image33 135{ 136 border: 0px solid #000000; 137 border-radius: 0px; 138 box-sizing: border-box; 139 padding: 0; 140 display: block; 141 width: 100%; 142 height: auto; 143 max-width: 90px; 144 margin-left: auto; 145 margin-right: auto; 146 vertical-align: top; 147} 148#wb_Text35 149{ 150 background-color: transparent; 151 background-image: none; 152 border: 0px solid #000000; 153 border-radius: 0px; 154 padding: 10px 0px 0px 0px; 155 margin: 0; 156 text-align: center; 157} 158#Text35-max-width 159{ 160 margin-left: auto; 161 margin-right: auto; 162 max-width: 900px; 163 width: 100%; 164} 165#wb_Text35 div 166{ 167 text-align: center; 168} 169#wb_Text35 170{ 171 display: block; 172 margin: 0; 173 box-sizing: border-box; 174 width: 100%; 175} 176#wb_LayoutGrid2 177{ 178 clear: both; 179 position: -webkit-sticky; 180 position: sticky; 181 top: 0; 182 z-index: 7776; 183 table-layout: fixed; 184 display: table; 185 text-align: center; 186 width: 100%; 187 background-color: #2D94D1; 188 background-image: none; 189 border: 0px solid #CCCCCC; 190 box-sizing: border-box; 191 margin: 0; 192} 193#LayoutGrid2 194{ 195 box-sizing: border-box; 196 padding: 0; 197 margin-right: auto; 198 margin-left: auto; 199} 200#LayoutGrid2 > .row 201{ 202 margin-right: 0; 203 margin-left: 0; 204} 205#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2 206{ 207 box-sizing: border-box; 208 font-size: 0px; 209 min-height: 1px; 210 padding-right: 0px; 211 padding-left: 0px; 212 position: relative; 213} 214#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2 215{ 216 float: left; 217} 218#LayoutGrid2 > .row > .col-1 219{ 220 background-color: #3AB54A; 221 background-image: none; 222 border: 0px solid #FFFFFF; 223 border-radius: 0px; 224 width: 16.66666667%; 225 text-align: center; 226} 227#LayoutGrid2 > .row > .col-2 228{ 229 background-color: transparent; 230 background-image: none; 231 border: 0px solid #FFFFFF; 232 border-radius: 0px; 233 width: 83.33333333%; 234 text-align: center; 235} 236#LayoutGrid2:before, 237#LayoutGrid2:after, 238#LayoutGrid2 .row:before, 239#LayoutGrid2 .row:after 240{ 241 display: table; 242 content: " "; 243} 244#LayoutGrid2:after, 245#LayoutGrid2 .row:after 246{ 247 clear: both; 248} 249@media (max-width: 480px) 250{ 251#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2 252{ 253 float: none; 254 width: 100% !important; 255} 256} 257#wb_Image1 258{ 259 margin: 0; 260 vertical-align: top; 261} 262#Image1 263{ 264 border: 0px solid #000000; 265 border-radius: 0px; 266 box-sizing: border-box; 267 padding: 0; 268 display: block; 269 width: 100%; 270 height: auto; 271 max-width: 150px; 272 margin-left: auto; 273 margin-right: auto; 274 vertical-align: top; 275} 276#Image1:hover 277{ 278 -webkit-transform: rotate(360deg) ; 279 transform: rotate(360deg) ; 280 -webkit-transition: -webkit-transform 500ms linear 0ms; 281 transition: transform 500ms linear 0ms; 282} 283#wb_Text13 284{ 285 background-color: transparent; 286 background-image: none; 287 border: 0px solid #000000; 288 border-radius: 0px; 289 padding: 0; 290 margin: 0; 291 text-align: center; 292} 293#wb_Text13 div 294{ 295 text-align: center; 296} 297#wb_Text13 298{ 299 display: block; 300 margin: 0; 301 box-sizing: border-box; 302 width: 100%; 303} 304#wb_ResponsiveMenu1 305{ 306 display: block; 307 font-family: Boogaloo; 308 font-weight: normal; 309 text-align: left; 310 width: 100%; 311 z-index: 1111 !important; 312} 313#ResponsiveMenu1 314{ 315 background-color: #2D94D1; 316 height: 87px; 317} 318#wb_ResponsiveMenu1 ul 319{ 320 list-style: none; 321 margin: 0; 322 padding: 0; 323 position: relative; 324} 325#wb_ResponsiveMenu1 ul:after 326{ 327 clear: both; 328 content: ""; 329 display: block; 330} 331#wb_ResponsiveMenu1 ul li 332{ 333 display: list-item; 334 float: left; 335 list-style: none; 336 z-index: 9999; 337} 338#wb_ResponsiveMenu1 ul li i 339{ 340 font-size: 40px; 341 width: 40px; 342} 343#wb_ResponsiveMenu1 ul li a 344{ 345 background-color: #2D94D1; 346 color: #FFFFFF; 347 font-family: Boogaloo; 348 font-weight: normal; 349 font-size: 19px; 350 font-style: normal; 351 padding: 20px 15px 5px 15px; 352 text-align: center; 353 text-decoration: none; 354} 355#wb_ResponsiveMenu1 > ul > li > a 356{ 357 height: 62px; 358} 359.ResponsiveMenu1 a 360{ 361 display: block; 362} 363#wb_ResponsiveMenu1 li a:hover, #wb_ResponsiveMenu1 li .active 364{ 365 background-color: #3AB54A; 366 color: #2D2D2D; 367} 368#wb_ResponsiveMenu1 ul ul 369{ 370 display: none; 371 position: absolute; 372 top: 87px; 373} 374#wb_ResponsiveMenu1 ul li:hover > ul 375{ 376 display: list-item; 377} 378#wb_ResponsiveMenu1 ul ul li 379{ 380 float: none; 381 position: relative; 382 width: 313px; 383} 384#wb_ResponsiveMenu1 ul ul li a 385{ 386 background-color: #3AB54A; 387 color: #FFFFFF; 388} 389#wb_ResponsiveMenu1 ul ul li a:hover, #wb_ResponsiveMenu1 ul ul li .active 390{ 391 background-color: #2D94D1; 392 color: #FFFFFF; 393} 394#wb_ResponsiveMenu1 ul ul li i 395{ 396 margin-right: 13px; 397 vertical-align: middle; 398} 399#wb_ResponsiveMenu1 ul ul li a 400{ 401 color: #FFFFFF; 402 padding-top: 20px; 403 padding-right: 20px; 404 padding-bottom: 20px; 405 text-align: left; 406 vertical-align: middle; 407} 408#wb_ResponsiveMenu1 ul ul ul li 409{
410 left: 313px; 411 position: relative; 412 top: -87px; 413} 414#wb_ResponsiveMenu1 .arrow-down 415{ 416 display: inline-block; 417 width: 0; 418 height: 0; 419 margin-left: 6px; 420 vertical-align: middle; 421 border-top: 4px solid #FFFFFF; 422 border-right: 4px solid transparent; 423 border-left: 4px solid transparent; 424 border-bottom: 0 dotted; 425} 426#wb_ResponsiveMenu1 .arrow-left 427{ 428 display: inline-block; 429 width: 0; 430 height: 0; 431 margin-left: 6px; 432 vertical-align: middle; 433 border-left: 4px solid #FFFFFF; 434 border-top: 4px solid transparent; 435 border-bottom: 4px solid transparent; 436 border-right: 0 dotted; 437} 438#wb_ResponsiveMenu1 li a:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down 439{ 440 border-top-color: #2D2D2D; 441} 442#wb_ResponsiveMenu1 ul ul li a:hover .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left 443{ 444 border-left-color: #FFFFFF; 445} 446#wb_ResponsiveMenu1 .toggle,[id^=ResponsiveMenu1-submenu] 447{ 448 display: none; 449} 450@media all and (max-width:1000px) 451{ 452#wb_ResponsiveMenu1 453{ 454 margin: 0; 455 text-align: left; 456} 457#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle 458{ 459 font-size: 19px; 460 font-weight: normal; 461 font-style: normal; 462 padding: 20px 20px 20px 20px; 463} 464#wb_ResponsiveMenu1 .toggle + a 465{ 466 display: none !important; 467} 468.ResponsiveMenu1 469{ 470 display: none; 471 z-index: 9999; 472} 473#ResponsiveMenu1 474{ 475 background-color: transparent; 476} 477#wb_ResponsiveMenu1 > ul > li > a 478{ 479 height: auto !important; margin: 0; 480} 481#wb_ResponsiveMenu1 .toggle 482{ 483 display: block; 484 background-color: #2D94D1; 485 color: #FFFFFF; 486 padding: 0px 20px 0px 20px; 487 line-height: 80px; 488 text-decoration: none; 489 border: none; 490 position: relative; 491} 492#wb_ResponsiveMenu1 .toggle:hover 493{ 494 background-color: #3AB54A; 495 color: #2D2D2D; 496} 497[id^=ResponsiveMenu1-submenu]:checked + ul 498{ 499 display: block !important; 500} 501#ResponsiveMenu1-title 502{ 503 height: 87px !important; 504 line-height: 87px !important; 505 text-align: left; 506} 507#wb_ResponsiveMenu1 ul li 508{ 509 display: block; 510 width: 100% !important; 511 text-align: left; 512} 513#wb_ResponsiveMenu1 ul ul .toggle, 514#wb_ResponsiveMenu1 ul ul a 515{ 516 padding: 0 40px; 517} 518#wb_ResponsiveMenu1 a:hover, 519#wb_ResponsiveMenu1 ul ul ul a 520{ 521 background-color: #3AB54A; 522 color: #FFFFFF; 523} 524#wb_ResponsiveMenu1 ul li ul li .toggle, 525#wb_ResponsiveMenu1 ul ul a 526{ 527 background-color: #3AB54A; 528 color: #FFFFFF; 529} 530#wb_ResponsiveMenu1 ul ul ul a 531{ 532 padding: 20px 20px 20px 60px; 533} 534#wb_ResponsiveMenu1 ul li a 535{ 536 text-align: left; 537} 538#wb_ResponsiveMenu1 ul li a br 539{ 540 display: none; 541} 542#wb_ResponsiveMenu1 ul li i 543{ 544 margin-right: 13px; 545} 546#wb_ResponsiveMenu1 ul ul 547{ 548 float: none; 549 position: static; 550} 551#wb_ResponsiveMenu1 ul ul li:hover > ul, 552#wb_ResponsiveMenu1 ul li:hover > ul 553{ 554 display: none; 555} 556#wb_ResponsiveMenu1 ul ul li 557{ 558 display: block; 559 width: 100%; 560} 561#wb_ResponsiveMenu1 ul ul ul li 562{ 563 position: static; 564} 565#ResponsiveMenu1-icon 566{ 567 display: block; 568 position: absolute; 569 right: 15px; 570 top: 31px; 571} 572#ResponsiveMenu1-icon span 573{ 574 display: block; 575 margin-top: 4px; 576 height: 2px; 577 background-color: #FFFFFF; 578 color: #FFFFFF; 579 width: 24px; 580} 581#wb_ResponsiveMenu1 ul li ul li .toggle:hover 582{ 583 background-color: #2D94D1; 584 color: #FFFFFF; 585} 586#wb_ResponsiveMenu1 .toggle .arrow-down 587{ 588 border-top-color: #FFFFFF; 589} 590#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down 591{ 592 border-top-color: #2D2D2D; 593} 594#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down 595{ 596 border-top-color: #FFFFFF; 597} 598#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down 599{ 600 border-top-color: #FFFFFF; 601} 602} 603#wb_LayoutGrid3 604{ 605 clear: both; 606 position: relative; 607 table-layout: fixed; 608 display: table; 609 text-align: center; 610 width: 100%; 611 background-color: transparent; 612 border: 0px solid #CCCCCC; 613 box-sizing: border-box; 614 margin: 0; 615} 616#LayoutGrid3 617{ 618 box-sizing: border-box; 619 display: -webkit-flex; 620 display: flex; 621 -webkit-flex-direction: row; 622 flex-direction: row; 623 -webkit-flex-wrap: wrap; 624 flex-wrap: wrap; 625 padding: 0; 626 margin-right: auto; 627 margin-left: auto; 628 max-width: 3000px; 629} 630#LayoutGrid3 > .col-1 631{ 632 box-sizing: border-box; 633 font-size: 0px; 634 min-height: 1px; 635 padding-right: 5px; 636 padding-left: 5px; 637 position: relative; 638} 639#LayoutGrid3 > .col-1 640{ 641 -webkit-flex: 0 0 auto; 642 flex: 0 0 auto; 643} 644#LayoutGrid3 > .col-1 645{ 646 background-color: transparent; 647 background-image: none; 648 border: 0px solid #FFFFFF; 649 border-radius: 0px; 650 flex-basis: 100%; 651 max-width: 100%; 652 display: -webkit-flex; 653 -webkit-flex-wrap: wrap; 654 -webkit-align-content: center; 655 -webkit-align-self: stretch; 656 -webkit-align-items: center; 657 display: flex; 658 flex-wrap: wrap; 659 align-content: center; 660 align-self: stretch; 661 align-items: center;
662 -webkit-justify-content: center; 663 justify-content: center; 664 text-align: center; 665} 666@media (max-width: 480px) 667{ 668#LayoutGrid3 > .col-1 669{ 670 -webkit-flex-basis: 100% !important; 671 flex-basis: 100% !important; 672 max-width: 100% !important; 673} 674} 675#LayoutGrid3-video 676{ 677 background: #000000; 678 position: absolute; 679 left: 0; 680 top: 0; 681 width: 100%; 682 height: 100%; 683 overflow: hidden; 684 z-index: -99; 685} 686#LayoutGrid3-video video 687{ 688 object-fit: cover; 689 position: absolute; 690 left: 0; 691 top: 0; 692 width: 100%; 693 height: 100%; 694 pointer-events: none; 695} 696#wb_Text12 697{ 698 background-color: rgba(0,0,0,0.20); 699 background-image: none; 700 border: 0px solid #000000; 701 border-radius: 0px; 702 padding: 200px 0px 300px 0px; 703 margin: 0; 704 text-align: center; 705} 706#wb_Text12 div 707{ 708 text-align: center; 709} 710#wb_Text12 711{ 712 display: block; 713 margin: 0; 714 box-sizing: border-box; 715 width: 100%; 716} 717#Extension2-nav 718{ 719 max-height: 500px; 720 height: 100%; 721 display: flex; 722 margin: auto 0; 723 overflow: hidden; 724 flex-direction: row-reverse; 725 box-sizing: border-box; 726 transition: all 300ms ease; 727} 728#Extension2-nav 729{ 730 position: fixed; 731 z-index: 9999; 732 top: 0px; 733 bottom: 0px; 734 background: #FFFFFF; 735 overflow: visible; 736 border: 1px solid #F0F0F0; 737 border-radius: 4px; 738} 739#Extension2-nav.open 740{ 741 transform: translateX(0px); 742} 743#Extension2-nav 744{ 745 right: 0px; 746 border-right: 0; 747 border-radius: 4px 0 0 4px; 748 flex-direction: row; 749 transform: translateX(100%); 750} 751#Extension2-nav.open 752{ 753 transform: translateX(0px); 754} 755#Extension2-nav * 756{ 757 box-sizing: border-box; 758} 759#Extension2-button 760{ 761 display: flex; 762 cursor: pointer; 763 font-size: 16px; 764 align-items: center; 765 padding: 20px 40px; 766 justify-content: center; 767 color: #FFFFFF; 768 background: #2D2D2D; 769 border: 0px solid #2D94D1; 770 transition: all 0.3s ease; 771 transform: rotate(90deg) translateX(50%); 772 transform-origin: 100% 0; 773} 774#Extension2-button:hover 775{ 776 color: #FFFFFF; 777 background: #2D94D1; 778} 779#Extension2-button 780{ 781} 782#Extension2-button 783{ 784 align-self: center; 785} 786#Extension2-button 787{ 788 border-radius: inherit; 789} 790#Extension2-button 791{ 792 margin: 0 auto; 793} 794#Extension2-button 795{ 796 position: absolute; 797 border-radius: 0 0 4px 4px; 798} 799#Extension2-button 800{ 801 right: 100%; 802} 803#Extension2-menu 804{ 805 display: flex; 806 flex-wrap: wrap; 807 overflow: hidden; 808 position: relative; 809 justify-content: center; 810 flex-direction: column; 811} 812#Extension2-menu .menu-item 813{ 814 flex: 1 0 auto; 815 cursor: pointer; 816 text-decoration: none; 817 padding: 5px; 818 height: 16.66667%; 819 max-height: 16.66667%; 820} 821#Extension2-menu div 822{ 823 flex: 1 0 auto; 824} 825#Extension2-menu .menu-item-inner 826{ 827 padding: 8px 6px; 828 border-radius: 4px; 829 background-color: #FFFFFF; 830 height: 100%; 831 display: flex; 832 flex-direction: column; 833 border: 1px solid #F0F0F0; 834 transition: all 0.3s ease; 835} 836#Extension2-menu .menu-item-inner:hover 837{ 838 background-color: #39B54A; 839 border: 1px solid #39B54A; 840} 841#Extension2-menu .menu-item-icon 842{ 843 display: flex; 844 flex: 1 0 auto; 845 align-items: center; 846 justify-content: center; 847 margin-bottom: 10px; 848} 849#Extension2-menu .menu-item-title 850{ 851 font-family: "Boogaloo"; 852 font-size: 16px; 853 font-weight: normal; 854 font-style: normal; 855 color: #708093; 856 flex: 0 1 auto; 857 text-align: center; 858 transition: all 0.3s ease; 859} 860#Extension2-menu .menu-item-icon i 861{ 862 color: #2D94D1; 863 font-size: 30px; 864 transition: color 0.3s ease; 865} 866#Extension2-menu .menu-item-inner:hover .menu-item-icon i 867{ 868 color: #FFFFFF; 869} 870#Extension2-menu .menu-item-inner:hover .menu-item-title 871{ 872 color: #FFFFFF; 873} 874#Extension2-button span 875{ 876 font-family: "Boogaloo"; 877 display: flex; 878 align-items: center; 879} 880#Extension2-button .button-open 881{ 882 display: flex; 883} 884#Extension2-nav.open #Extension2-button .button-open 885{ 886 display: none; 887} 888#Extension2-button .button-close 889{ 890 display: none; 891} 892#Extension2-nav.open #Extension2-button .button-close 893{ 894 display: flex; 895} 896#Extension2-button i 897{ 898 margin-right: 8px; 899} 900#wb_Extension2 li i 901{ 902 font-size: 30px; 903 width: 45px; 904} 905#wb_Extension2 li i 906{ 907 font-size: 16px; 908 width: 18px;
909} 910#wb_LayoutGrid6 911{ 912 clear: both; 913 position: relative; 914 table-layout: fixed; 915 display: table; 916 text-align: center; 917 width: 100%; 918 background-image: linear-gradient(to left, #3AB54A 0%, #2D2D2D 100%); 919 border: 0px solid #CCCCCC; 920 box-sizing: border-box; 921 margin: 0; 922 margin-right: auto; 923 margin-left: auto; 924 max-width: 1280px; 925} 926#LayoutGrid6 927{ 928 box-sizing: border-box; 929 padding: 0px 15px 0px 15px; 930 margin-right: auto; 931 margin-left: auto; 932} 933#LayoutGrid6 > .row 934{ 935 margin-right: -15px; 936 margin-left: -15px; 937} 938#LayoutGrid6 > .row > .col-1 939{ 940 box-sizing: border-box; 941 font-size: 0px; 942 min-height: 1px; 943 padding-right: 15px; 944 padding-left: 15px; 945 position: relative; 946} 947#LayoutGrid6 > .row > .col-1 948{ 949 float: left; 950} 951#LayoutGrid6 > .row > .col-1 952{ 953 background-color: transparent; 954 background-image: none; 955 border: 0px solid #FFFFFF; 956 border-radius: 0px; 957 width: 100%; 958 text-align: center; 959} 960#LayoutGrid6:before, 961#LayoutGrid6:after, 962#LayoutGrid6 .row:before, 963#LayoutGrid6 .row:after 964{ 965 display: table; 966 content: " "; 967} 968#LayoutGrid6:after, 969#LayoutGrid6 .row:after 970{ 971 clear: both; 972} 973@media (max-width: 768px) 974{ 975#LayoutGrid6 > .row > .col-1 976{ 977 float: none; 978 width: 100% !important; 979} 980} 981#wb_Text4 982{ 983 background-color: transparent; 984 background-image: none; 985 border: 0px solid #000000; 986 border-radius: 0px; 987 padding: 0; 988 margin: 0; 989 text-align: center; 990} 991#wb_Text4 div 992{ 993 text-align: center; 994} 995#wb_Text4 996{ 997 display: block; 998 margin: 0; 999 box-sizing: border-box; 1000 width: 100%; 1001} 1002#wb_LayoutGrid4 1003{ 1004 clear: both; 1005 position: relative; 1006 table-layout: fixed; 1007 display: table; 1008 text-align: center; 1009 width: 100%; 1010 background-color: transparent; 1011 background-image: none; 1012 border: 0px solid #CCCCCC; 1013 box-sizing: border-box; 1014 margin: 0; 1015 margin-right: auto; 1016 margin-left: auto; 1017 max-width: 1280px; 1018} 1019#LayoutGrid4 1020{ 1021 box-sizing: border-box; 1022 padding: 15px 0px 15px 0px; 1023 margin-right: auto; 1024 margin-left: auto; 1025} 1026#LayoutGrid4 > .row 1027{ 1028 margin-right: 0; 1029 margin-left: 0; 1030} 1031#LayoutGrid4 > .row > .col-1 1032{ 1033 box-sizing: border-box; 1034 font-size: 0px; 1035 min-height: 1px; 1036 padding-right: 0px; 1037 padding-left: 0px; 1038 position: relative; 1039} 1040#LayoutGrid4 > .row > .col-1 1041{ 1042 float: left; 1043} 1044#LayoutGrid4 > .row > .col-1 1045{ 1046 background-color: transparent; 1047 background-image: none; 1048 border: 0px solid #FFFFFF; 1049 border-radius: 0px; 1050 width: 100%; 1051 text-align: center; 1052} 1053#LayoutGrid4:before, 1054#LayoutGrid4:after, 1055#LayoutGrid4 .row:before, 1056#LayoutGrid4 .row:after 1057{ 1058 display: table; 1059 content: " "; 1060} 1061#LayoutGrid4:after, 1062#LayoutGrid4 .row:after 1063{ 1064 clear: both; 1065} 1066@media (max-width: 1024px) 1067{ 1068#LayoutGrid4 > .row > .col-1 1069{ 1070 float: none; 1071 width: 100% !important; 1072} 1073} 1074#Accordion1 1075{ 1076 width: 100%; 1077 height: 100%; 1078} 1079#wb_Accordion1 .ui-helper-reset 1080{ 1081 line-height: normal !important; 1082} 1083#Accordion1 .ui-accordion-header 1084{ 1085 font-family: "Bebas Neue"; 1086 font-weight: normal; 1087 font-size: 21px !important; 1088 font-style: normal; 1089 outline: none; 1090 padding: 10px 10px 10px 58px; 1091 text-align: left; 1092} 1093#Accordion1 h3 1094{ 1095 display: block; 1096 margin: 0; 1097} 1098#Accordion1 .ui-accordion-header .ui-icon 1099{ 1100 display: none; 1101 background-image: url('images/index-Accordion1-default.png'); 1102 background-position: 0 0; 1103} 1104#Accordion1 .ui-state-active .ui-icon 1105{ 1106 background-image: url('images/index-Accordion1-active.png'); 1107} 1108#Accordion1 .ui-accordion-content 1109{ 1110 padding: 4px 4px 4px 4px; 1111 position: relative; 1112 font-size: 0; 1113 text-align: left; 1114} 1115#Accordion1, #Accordion1 > .ui-corner-all, #Accordion1 > .ui-corner-top 1116{ 1117 border-top-left-radius: 0px; 1118 border-top-right-radius: 0px; 1119} 1120#Accordion1 .ui-corner-all, #Accordion1 .ui-corner-bottom 1121{ 1122 border-bottom-right-radius: 0px; 1123 border-bottom-left-radius: 0px; 1124} 1125#Accordion1 .ui-widget-content 1126{ 1127 border-color: #2D2D2D; 1128 border-width: 1px; 1129 background-color: #2D2D2D; 1130 background-image: none; 1131 color: transparent; 1132} 1133#Accordion1 .ui-state-default 1134{ 1135 border-color: #FFFFFF; 1136 border-width: 0px; 1137 background-color: #2D94D1; 1138 background-image: none; 1139 color: #FFFFFF; 1140} 1141#Accordion1 .ui-state-hover 1142{ 1143 border-color: #74B2E2; 1144 border-width: 0px; 1145 background-color: #FFFFFF; 1146 background-image: none; 1147 color: #0070A3; 1148} 1149#Accordion1 .ui-state-active 1150{ 1151 border-color: #2694E8; 1152 border-width: 0px; 1153 background-color: #3BAAE3; 1154 background-image: none; 1155 color: #FFFFFF; 1156} 1157#wb_Accordion1 1158{ 1159 margin: 0; 1160} 1161#Accordion1 .accordion-icon 1162{ 1163 font-size: 24px; 1164 height: 24px; 1165 width: 24px; 1166 position: absolute; 1167 top: 10px;
1168 left: 30px; 1169} 1170#wb_Image24 1171{ 1172 margin: 0; 1173 vertical-align: top; 1174} 1175#Image24 1176{ 1177 border: 0px solid #000000; 1178 border-radius: 0px; 1179 box-sizing: border-box; 1180 padding: 0; 1181 display: block; 1182 width: 100%; 1183 height: auto; 1184 max-width: 500px; 1185 margin-left: auto; 1186 margin-right: auto; 1187 vertical-align: top; 1188} 1189#wb_Image15 1190{ 1191 margin: 0; 1192 vertical-align: top; 1193} 1194#Image15 1195{ 1196 border: 0px solid #000000; 1197 border-radius: 0px; 1198 box-sizing: border-box; 1199 padding: 0; 1200 display: block; 1201 width: 100%; 1202 height: auto; 1203 max-width: 700px; 1204 margin-left: auto; 1205 margin-right: auto; 1206 vertical-align: top; 1207} 1208#wb_Image11 1209{ 1210 margin: 0; 1211 vertical-align: top; 1212} 1213#Image11 1214{ 1215 border: 0px solid #000000; 1216 border-radius: 0px; 1217 box-sizing: border-box; 1218 padding: 0; 1219 display: block; 1220 width: 100%; 1221 height: auto; 1222 max-width: 400px; 1223 margin-left: auto; 1224 margin-right: auto; 1225 vertical-align: top; 1226} 1227#wb_Image17 1228{ 1229 margin: 0; 1230 vertical-align: top; 1231} 1232#Image17 1233{ 1234 border: 0px solid #000000; 1235 border-radius: 0px; 1236 box-sizing: border-box; 1237 padding: 0; 1238 display: block; 1239 width: 100%; 1240 height: auto; 1241 max-width: 600px; 1242 margin-left: auto; 1243 margin-right: auto; 1244 vertical-align: top; 1245} 1246#wb_CssMenu5 1247{ 1248 border: 0px solid #C0C0C0; 1249 background-color: transparent; 1250 margin: 0; 1251 text-align: center; 1252 z-index: 1111 !important; 1253} 1254#wb_CssMenu5 ul 1255{ 1256 list-style-type: none; 1257 margin: 0; 1258 padding: 0; 1259 position: relative; 1260 display: inline-block; 1261} 1262#wb_CssMenu5 li 1263{ 1264 float: left; 1265 margin: 0; 1266 padding: 0px 4px 0px 0px; 1267 width: 150px; 1268} 1269#wb_CssMenu5 a 1270{ 1271 display: block; 1272 float: left; 1273 color: #333333; 1274 border: 0px solid #CCCCCC; 1275 background-color: #3AB54A; 1276 background-image: none; 1277 font-family: Arial; 1278 font-weight: normal; 1279 font-size: 13px; 1280 font-style: normal; 1281 text-decoration: none; 1282 width: 140px; 1283 height: 28px; 1284 padding: 0px 5px 0px 5px; 1285 vertical-align: middle; 1286 line-height: 28px; 1287 text-align: center; 1288} 1289#wb_CssMenu5 li:hover a, #wb_CssMenu5 a:hover 1290{ 1291 color: #FFFFFF; 1292 border: 0px solid #2E6DA4; 1293 background-color: #2D94D1; 1294 background-image: none; 1295} 1296#wb_CssMenu5 li.firstmain 1297{ 1298 padding-left: 0px; 1299} 1300#wb_CssMenu5 li.lastmain 1301{ 1302 padding-right: 0px; 1303} 1304#wb_CssMenu5 br 1305{ 1306 clear: both; 1307 font-size: 1px; 1308 height: 0; 1309 line-height: 0; 1310} 1311#wb_Text36 1312{ 1313 background-color: transparent; 1314 background-image: none; 1315 border: 0px solid #000000; 1316 border-radius: 0px; 1317 padding: 10px 0px 20px 0px; 1318 margin: 0; 1319 text-align: justify; 1320} 1321#Text36-max-width 1322{ 1323 margin-left: auto; 1324 margin-right: auto; 1325 max-width: 900px; 1326 width: 100%; 1327} 1328#wb_Text36 div 1329{ 1330 text-align: justify; 1331} 1332#wb_Text36 1333{ 1334 display: block; 1335 margin: 0; 1336 box-sizing: border-box; 1337 width: 100%; 1338} 1339#wb_Image12 1340{ 1341 margin: 0; 1342 vertical-align: top; 1343} 1344#Image12 1345{ 1346 border: 0px solid #000000; 1347 border-radius: 0px; 1348 box-sizing: border-box; 1349 padding: 0; 1350 display: block; 1351 width: 100%; 1352 height: auto; 1353 max-width: 1000px; 1354 margin-left: auto; 1355 margin-right: auto; 1356 vertical-align: top; 1357} 1358#wb_Text16 1359{ 1360 background-color: transparent; 1361 background-image: none; 1362 border: 0px solid #000000; 1363 border-radius: 0px; 1364 padding: 10px 0px 10px 0px; 1365 margin: 0; 1366 text-align: center; 1367} 1368#Text16-max-width 1369{ 1370 margin-left: auto; 1371 margin-right: auto; 1372 max-width: 1000px; 1373 width: 100%; 1374} 1375#wb_Text16 div 1376{ 1377 text-align: center; 1378} 1379#wb_Text16 1380{ 1381 display: block; 1382 margin: 0; 1383 box-sizing: border-box; 1384 width: 100%; 1385} 1386#MediaPlayer3 1387{ 1388 position: absolute; 1389 left: 0; 1390 top: 0; 1391 width: 100%; 1392 height: 100%; 1393} 1394#wb_MediaPlayer3 1395{ 1396 display: block; 1397 position: relative; 1398 margin: 0; 1399 height: 772px; 1400 vertical-align: top; 1401} 1402#wb_Text5 1403{ 1404 background-color: transparent; 1405 background-image: none; 1406 border: 0px solid #000000; 1407 border-radius: 0px; 1408 padding: 10px 0px 10px 0px; 1409 margin: 0; 1410 text-align: center; 1411} 1412#Text5-max-width 1413{ 1414 margin-left: auto; 1415 margin-right: auto; 1416 max-width: 900px; 1417 width: 100%; 1418} 1419#wb_Text5 div 1420{ 1421 text-align: center; 1422} 1423#wb_Text5 1424{ 1425 display: block; 1426 margin: 0; 1427 box-sizing: border-box; 1428 width: 100%; 1429} 1430#wb_LayoutGrid8 1431{ 1432 clear: both; 1433 position: relative; 1434 table-layout: fixed; 1435 display: table; 1436 text-align: center; 1437 width: 100%; 1438 background-image: linear-gradient(to left, #3AB54A 0%, #2D2D2D 100%); 1439 border: 0px solid #CCCCCC; 1440 box-sizing: border-box; 1441 margin: 0; 1442 margin-right: auto; 1443 margin-left: auto; 1444 max-width: 1280px; 1445} 1446#LayoutGrid8 1447{ 1448 box-sizing: border-box; 1449 padding: 0px 15px 0px 15px; 1450 margin-right: auto; 1451 margin-left: auto; 1452} 1453#LayoutGrid8 > .row 1454{ 1455 margin-right: -15px; 1456 margin-left: -15px; 1457} 1458#LayoutGrid8 > .row > .col-1 1459{ 1460 box-sizing: border-box; 1461 font-size: 0px; 1462 min-height: 1px; 1463 padding-right: 15px; 1464 padding-left: 15px; 1465 position: relative; 1466} 1467#LayoutGrid8 > .row > .col-1 1468{ 1469 float: left; 1470} 1471#LayoutGrid8 > .row > .col-1 1472{ 1473 background-color: transparent; 1474 background-image: none; 1475 border: 0px solid #FFFFFF; 1476 border-radius: 0px; 1477 width: 100%; 1478 text-align: center; 1479} 1480#LayoutGrid8:before, 1481#LayoutGrid8:after, 1482#LayoutGrid8 .row:before, 1483#LayoutGrid8 .row:after 1484{ 1485 display: table; 1486 content: " "; 1487} 1488#LayoutGrid8:after, 1489#LayoutGrid8 .row:after 1490{ 1491 clear: both; 1492} 1493@media (max-width: 768px) 1494{ 1495#LayoutGrid8 > .row > .col-1 1496{ 1497 float: none; 1498 width: 100% !important; 1499} 1500} 1501#wb_Text10 1502{ 1503 background-color: transparent; 1504 background-image: none; 1505 border: 0px solid #000000; 1506 border-radius: 0px; 1507 padding: 0; 1508 margin: 0; 1509 text-align: center; 1510} 1511#Text10-max-width 1512{ 1513 margin-left: auto; 1514 margin-right: auto; 1515 max-width: 1280px; 1516 width: 100%; 1517} 1518#wb_Text10 div 1519{ 1520 text-align: center; 1521} 1522#wb_Text10 1523{ 1524 display: block; 1525 margin: 0; 1526 box-sizing: border-box; 1527 width: 100%; 1528} 1529#wb_LayoutGrid1 1530{ 1531 clear: both; 1532 position: relative; 1533 table-layout: fixed; 1534 display: table; 1535 text-align: center; 1536 width: 100%; 1537 background-color: transparent; 1538 background-image: none; 1539 border: 0px solid #CCCCCC; 1540 box-sizing: border-box; 1541 margin: 0; 1542 margin-right: auto; 1543 margin-left: auto; 1544 max-width: 1280px; 1545} 1546#LayoutGrid1 1547{ 1548 box-sizing: border-box; 1549 padding: 0; 1550 margin-right: auto; 1551 margin-left: auto; 1552} 1553#LayoutGrid1 > .row 1554{ 1555 margin-right: 0; 1556 margin-left: 0; 1557} 1558#LayoutGrid1 > .row > .col-1 1559{ 1560 box-sizing: border-box; 1561 font-size: 0px; 1562 min-height: 1px; 1563 padding-right: 0px; 1564 padding-left: 0px; 1565 position: relative; 1566} 1567#LayoutGrid1 > .row > .col-1 1568{ 1569 float: left; 1570} 1571#LayoutGrid1 > .row > .col-1 1572{ 1573 background-color: transparent; 1574 background-image: none; 1575 border: 0px solid #FFFFFF; 1576 border-radius: 0px; 1577 width: 100%; 1578 text-align: center; 1579} 1580#LayoutGrid1:before, 1581#LayoutGrid1:after, 1582#LayoutGrid1 .row:before, 1583#LayoutGrid1 .row:after 1584{ 1585 display: table; 1586 content: " "; 1587} 1588#LayoutGrid1:after, 1589#LayoutGrid1 .row:after 1590{ 1591 clear: both; 1592} 1593@media (max-width: 480px) 1594{ 1595#LayoutGrid1 > .row > .col-1 1596{ 1597 float: none; 1598 width: 100% !important; 1599} 1600} 1601#Tabs1.ui-widget 1602{ 1603 font-size: 1em !important; 1604} 1605#Tabs1 1606{ 1607 background-color: #FFFFFF; 1608 background-image: none; 1609 border: 1px solid #DDDDDD; 1610 box-sizing: border-box; 1611 padding: 4px 4px 4px 4px; 1612 margin: 0; 1613} 1614#Tabs1 .ui-tabs-nav 1615{ 1616 font-family: Arial; 1617 font-weight: normal; 1618 font-size: 16px; 1619 line-height: 1.0; 1620 padding: 4px 4px 0px 4px;
1621 margin: 0; 1622} 1623#Tabs1 .ui-tabs-nav li 1624{ 1625 font-family: Arial; 1626 font-weight: normal; 1627 font-style: normal; 1628 font-size: 16px; 1629 margin: 0px 2px -1px 0px; 1630 text-align: left; 1631} 1632#Tabs1 .ui-tabs-nav li a 1633{ 1634 padding: 8px 10px 8px 10px; 1635} 1636#Tabs1, #Tabs1 .ui-corner-all, #Tabs1 .ui-corner-top 1637{ 1638 border-top-left-radius: 0px; 1639 border-top-right-radius: 0px; 1640} 1641#Tabs1, #Tabs1 .ui-corner-all, #Tabs1 .ui-corner-bottom 1642{ 1643 border-bottom-right-radius: 0px; 1644 border-bottom-left-radius: 0px; 1645} 1646#Tabs1 .ui-helper-reset 1647{ 1648 line-height: 18px; 1649} 1650#Tabs1 .ui-widget-content 1651{ 1652 background-color: #FFFFFF; 1653 background-image: none; 1654 border-color: #DDDDDD; 1655} 1656#Tabs1 .ui-widget-header 1657{ 1658 border: 1px solid #2D94D1; 1659 background-color: #2D94D1; 1660 background-image: none; 1661} 1662#Tabs1 .ui-state-default, #Tabs1 .ui-widget-content .ui-state-default 1663{ 1664 border-color: #3AB54A; 1665 background-color: #3AB54A; 1666 background-image: none; 1667} 1668#Tabs1 .ui-state-hover, #Tabs1 .ui-widget-content .ui-state-hover 1669{ 1670 border-color: #3AB54A; 1671 background-color: #3AB54A; 1672 background-image: none; 1673} 1674#Tabs1 .ui-state-active, #Tabs1 .ui-widget-content .ui-state-active 1675{ 1676 border-color: #3AB54A; 1677 background-color: #3AB54A; 1678 background-image: none; 1679} 1680#Tabs1 .ui-state-default a, #Tabs1 .ui-widget-content .ui-state-default a 1681{ 1682 color: #FFFFFF; 1683} 1684#Tabs1 .ui-state-hover a, #Tabs1 .ui-widget-content .ui-state-hover a 1685{ 1686 color: #FFFFFF; 1687} 1688#Tabs1 .ui-state-active a, #Tabs1 .ui-widget-content .ui-state-active a 1689{ 1690 color: #FFFFFF; 1691} 1692#Tabs1 .ui-widget-content 1693{ 1694 font-size: 0px; 1695 text-align: left; 1696} 1697#Tabs1 .ui-tabs-panel 1698{ 1699 overflow: auto; 1700 padding: 0; 1701} 1702#Tabs1 .description 1703{ 1704 font-weight: normal; 1705 font-style: normal; 1706 font-size: 16px; 1707} 1708#wb_Image23 1709{ 1710 margin: 0; 1711 vertical-align: top; 1712} 1713#Image23 1714{ 1715 border: 0px solid #000000; 1716 border-radius: 0px; 1717 box-sizing: border-box; 1718 padding: 0; 1719 display: block; 1720 width: 100%; 1721 height: auto; 1722 max-width: 1000px; 1723 margin-left: auto; 1724 margin-right: auto; 1725 vertical-align: top; 1726} 1727#wb_Image21 1728{ 1729 margin: 0; 1730 vertical-align: top; 1731} 1732#Image21 1733{ 1734 border: 0px solid #000000; 1735 border-radius: 0px; 1736 box-sizing: border-box; 1737 padding: 0; 1738 display: block; 1739 width: 100%; 1740 height: auto; 1741 max-width: 1000px; 1742 margin-left: auto; 1743 margin-right: auto; 1744 vertical-align: top; 1745} 1746#wb_Image25 1747{ 1748 margin: 0; 1749 vertical-align: top; 1750} 1751#Image25 1752{ 1753 border: 0px solid #000000; 1754 border-radius: 0px; 1755 box-sizing: border-box; 1756 padding: 0; 1757 display: block; 1758 width: 100%; 1759 height: auto; 1760 max-width: 1000px; 1761 margin-left: auto; 1762 margin-right: auto; 1763 vertical-align: top; 1764} 1765#wb_Image26 1766{ 1767 margin: 0; 1768 vertical-align: top; 1769} 1770#Image26 1771{ 1772 border: 0px solid #000000; 1773 border-radius: 0px; 1774 box-sizing: border-box; 1775 padding: 0; 1776 display: block; 1777 width: 100%; 1778 height: auto; 1779 max-width: 1000px; 1780 margin-left: auto; 1781 margin-right: auto; 1782 vertical-align: top; 1783} 1784#wb_Text24 1785{ 1786 background-color: transparent; 1787 background-image: none; 1788 border: 0px solid #000000; 1789 border-radius: 0px; 1790 padding: 10px 0px 10px 0px; 1791 margin: 0; 1792 text-align: center; 1793} 1794#Text24-max-width 1795{ 1796 margin-left: auto; 1797 margin-right: auto; 1798 max-width: 900px; 1799 width: 100%; 1800} 1801#wb_Text24 div 1802{ 1803 text-align: center; 1804} 1805#wb_Text24 1806{ 1807 display: block; 1808 margin: 0; 1809 box-sizing: border-box; 1810 width: 100%; 1811} 1812#wb_Text18 1813{ 1814 background-color: transparent; 1815 background-image: none; 1816 border: 0px solid #000000; 1817 border-radius: 0px; 1818 padding: 10px 0px 10px 0px; 1819 margin: 0; 1820 text-align: center; 1821} 1822#Text18-max-width 1823{ 1824 margin-left: auto; 1825 margin-right: auto; 1826 max-width: 900px; 1827 width: 100%; 1828} 1829#wb_Text18 div 1830{ 1831 text-align: center; 1832} 1833#wb_Text18 1834{ 1835 display: block; 1836 margin: 0; 1837 box-sizing: border-box; 1838 width: 100%; 1839} 1840#wb_Text22 1841{ 1842 background-color: transparent; 1843 background-image: none; 1844 border: 0px solid #000000; 1845 border-radius: 0px; 1846 padding: 10px 0px 10px 0px; 1847 margin: 0; 1848 text-align: center; 1849} 1850#Text22-max-width 1851{ 1852 margin-left: auto; 1853 margin-right: auto; 1854 max-width: 900px; 1855 width: 100%; 1856} 1857#wb_Text22 div 1858{ 1859 text-align: center; 1860} 1861#wb_Text22 1862{ 1863 display: block; 1864 margin: 0; 1865 box-sizing: border-box; 1866 width: 100%; 1867} 1868#wb_Text20 1869{ 1870 background-color: transparent; 1871 background-image: none; 1872 border: 0px solid #000000; 1873 border-radius: 0px; 1874 padding: 10px 0px 10px 0px; 1875 margin: 0; 1876 text-align: center; 1877} 1878#Text20-max-width 1879{ 1880 margin-left: auto; 1881 margin-right: auto; 1882 max-width: 900px; 1883 width: 100%; 1884} 1885#wb_Text20 div 1886{ 1887 text-align: center; 1888} 1889#wb_Text20 1890{ 1891 display: block; 1892 margin: 0; 1893 box-sizing: border-box; 1894 width: 100%; 1895} 1896#wb_Features 1897{ 1898 clear: both; 1899 position: relative; 1900 table-layout: fixed; 1901 display: table; 1902 text-align: center; 1903 width: 100%; 1904 background-image: linear-gradient(to bottom, #2D94D1 0%, #2D2D2D 100%); 1905 border: 0px solid #CCCCCC; 1906 box-sizing: border-box; 1907 margin: 0; 1908 margin-right: auto; 1909 margin-left: auto; 1910 max-width: 1280px; 1911} 1912#Features 1913{ 1914 box-sizing: border-box; 1915 padding: 30px 15px 30px 15px; 1916 margin-right: auto; 1917 margin-left: auto; 1918} 1919#Features > .row 1920{ 1921 margin-right: -15px; 1922 margin-left: -15px; 1923} 1924#Features > .row > .col-1, #Features > .row > .col-2, #Features > .row > .col-3, #Features > .row > .col-4 1925{ 1926 box-sizing: border-box; 1927 font-size: 0px; 1928 min-height: 1px; 1929 padding-right: 15px; 1930 padding-left: 15px; 1931 position: relative; 1932} 1933#Features 1934{ 1935 width: 1280px; 1936} 1937#Features > .row > .col-1, #Features > .row > .col-2, #Features > .row > .col-3, #Features > .row > .col-4 1938{ 1939 float: left; 1940} 1941#Features > .row > .col-1 1942{ 1943 background-color: transparent; 1944 background-image: none; 1945 border: 0px solid #FFFFFF; 1946 border-radius: 0px; 1947 width: 25%; 1948 text-align: center; 1949} 1950#Features > .row > .col-2 1951{ 1952 background-color: transparent; 1953 background-image: none; 1954 border: 0px solid #FFFFFF; 1955 border-radius: 0px; 1956 width: 25%; 1957 text-align: center; 1958} 1959#Features > .row > .col-3 1960{ 1961 background-color: transparent; 1962 background-image: none; 1963 border: 0px solid #FFFFFF; 1964 border-radius: 0px; 1965 width: 25%; 1966 text-align: center; 1967} 1968#Features > .row > .col-4 1969{ 1970 background-color: transparent; 1971 background-image: none; 1972 border: 0px solid #FFFFFF; 1973 border-radius: 0px; 1974 width: 25%; 1975 text-align: left; 1976} 1977#Features:before, 1978#Features:after, 1979#Features .row:before, 1980#Features .row:after 1981{ 1982 display: table; 1983 content: " "; 1984} 1985#Features:after, 1986#Features .row:after 1987{ 1988 clear: both; 1989} 1990@media (max-width: 1024px) 1991{ 1992#Features 1993{ 1994 width: 100%; 1995} 1996#Features > .row > .col-1, #Features > .row > .col-2, #Features > .row > .col-3, #Features > .row > .col-4 1997{ 1998 float: none; 1999 width: 100%; 2000} 2001} 2002#wb_PanelText1 2003{ 2004 background-color: #FFFFFF; 2005 background-image: none; 2006 border: 0px solid #FFFFFF; 2007 border-radius: 0px; 2008 padding: 25px 10px 25px 10px; 2009 margin: 0; 2010 text-align: center; 2011} 2012#wb_PanelText1 div 2013{ 2014 text-align: center; 2015} 2016#wb_PanelText1 2017{ 2018 display: block; 2019 margin: 0; 2020 box-sizing: border-box; 2021 width: 100%; 2022} 2023#wb_PanelImage1 2024{ 2025 margin: 0; 2026 vertical-align: top; 2027} 2028#PanelImage1 2029{ 2030 border: 0px solid #2D2D2D; 2031 border-radius: 50px; 2032 box-sizing: border-box; 2033 padding: 0; 2034 display: block; 2035 width: 100%; 2036 height: auto; 2037 max-width: 320px; 2038 margin-left: auto; 2039 margin-right: auto; 2040 vertical-align: top; 2041} 2042#wb_PanelImage1 2043{ 2044 opacity: 1.0; 2045 -webkit-transition: opacity 500ms linear 0ms; 2046 transition: opacity 500ms linear 0ms; 2047} 2048#wb_PanelImage1:hover 2049{ 2050 opacity: 0.5; 2051 -webkit-transition: opacity 500ms linear 0ms; 2052 transition: opacity 500ms linear 0ms; 2053} 2054#wb_PanelText2 2055{ 2056 background-color: #FFFFFF; 2057 background-image: none; 2058 border: 0px solid #FFFFFF; 2059 border-radius: 0px; 2060 padding: 25px 10px 25px 10px; 2061 margin: 0; 2062 text-align: center; 2063} 2064#wb_PanelText2 div 2065{ 2066 text-align: center; 2067} 2068#wb_PanelText2 2069{ 2070 display: block; 2071 margin: 0; 2072 box-sizing: border-box; 2073 width: 100%; 2074} 2075#wb_PanelImage3 2076{ 2077 margin: 0; 2078 vertical-align: top; 2079} 2080#PanelImage3 2081{ 2082 border: 0px solid #000000; 2083 border-radius: 50px; 2084 box-sizing: border-box; 2085 padding: 0; 2086 display: block; 2087 width: 100%; 2088 height: auto; 2089 max-width: 320px; 2090 margin-left: auto; 2091 margin-right: auto; 2092 vertical-align: top; 2093} 2094#wb_PanelImage3 2095{ 2096 opacity: 1.0; 2097 -webkit-transition: opacity 500ms linear 0ms; 2098 transition: opacity 500ms linear 0ms; 2099} 2100#wb_PanelImage3:hover 2101{ 2102 opacity: 0.5; 2103 -webkit-transition: opacity 500ms linear 0ms; 2104 transition: opacity 500ms linear 0ms; 2105} 2106#wb_Image2 2107{ 2108 margin: 0; 2109 vertical-align: top; 2110} 2111#Image2 2112{ 2113 border: 0px solid #000000; 2114 border-radius: 50px; 2115 box-sizing: border-box; 2116 padding: 0; 2117 display: block; 2118 width: 100%; 2119 height: auto; 2120 max-width: 320px; 2121 margin-left: auto; 2122 margin-right: auto; 2123 vertical-align: top; 2124} 2125#wb_Image2 2126{ 2127 opacity: 1.0; 2128 -webkit-transition: opacity 500ms linear 0ms; 2129 transition: opacity 500ms linear 0ms; 2130} 2131#wb_Image2:hover 2132{ 2133 opacity: 0.5; 2134 -webkit-transition: opacity 500ms linear 0ms; 2135 transition: opacity 500ms linear 0ms; 2136} 2137#wb_Text1 2138{ 2139 background-color: #FFFFFF; 2140 background-image: none; 2141 border: 0px solid #FFFFFF; 2142 border-radius: 0px; 2143 padding: 25px 10px 25px 10px; 2144 margin: 0; 2145 text-align: center; 2146} 2147#wb_Text1 div 2148{ 2149 text-align: center; 2150} 2151#wb_Text1 2152{ 2153 display: block; 2154 margin: 0; 2155 box-sizing: border-box; 2156 width: 100%; 2157} 2158#wb_PanelText3 2159{ 2160 background-color: #FFFFFF; 2161 background-image: none; 2162 border: 0px solid #FFFFFF; 2163 border-radius: 0px; 2164 padding: 25px 10px 25px 10px; 2165 margin: 0; 2166 text-align: center; 2167} 2168#wb_PanelText3 div 2169{ 2170 text-align: center; 2171} 2172#wb_PanelText3 2173{ 2174 display: block; 2175 margin: 0; 2176 box-sizing: border-box; 2177 width: 100%; 2178} 2179#wb_Shape3{ 2180 height: 0; 2181 padding: 0 0 23.0984% 0; 2182 height: 0 !important; 2183} 2184#wb_Shape3 a svg 2185{ 2186 position: relative;
2187 left: 0; 2188} 2189#wb_Shape3 a .hover 2190{ 2191 visibility: hidden; 2192} 2193#wb_Shape3 a:hover .hover 2194{ 2195 visibility: visible; 2196} 2197#wb_Shape3 a:hover .default 2198{ 2199 visibility: hidden; 2200} 2201#Shape3_text 2202{ 2203 position: absolute; 2204 pointer-events: none; 2205 display: flex; 2206 align-items: center; 2207 justify-content: center; 2208 flex-direction: column; 2209 left: 0.34%; 2210 top: 1.49%; 2211 width: 99.31%; 2212 height: 97.01%; 2213 box-sizing: border-box; 2214 overflow: hidden; 2215 text-align: center; 2216 word-wrap: break-word; 2217} 2218#wb_Shape3 a:hover #Shape3_text span 2219{ 2220 color: #2D2D2D !important; 2221} 2222#wb_Shape4{ 2223 height: 0; 2224 padding: 0 0 23.0984% 0; 2225 height: 0 !important; 2226} 2227#wb_Shape4 a svg 2228{ 2229 position: relative; 2230 left: 0; 2231} 2232#wb_Shape4 a .hover 2233{ 2234 visibility: hidden; 2235} 2236#wb_Shape4 a:hover .hover 2237{ 2238 visibility: visible; 2239} 2240#wb_Shape4 a:hover .default 2241{ 2242 visibility: hidden; 2243} 2244#Shape4_text 2245{ 2246 position: absolute; 2247 pointer-events: none; 2248 display: flex; 2249 align-items: center; 2250 justify-content: center; 2251 flex-direction: column; 2252 left: 0.34%; 2253 top: 1.49%; 2254 width: 99.31%; 2255 height: 97.01%; 2256 box-sizing: border-box; 2257 overflow: hidden; 2258 text-align: center; 2259 word-wrap: break-word; 2260} 2261#wb_Shape4 a:hover #Shape4_text span 2262{ 2263 color: #2D2D2D !important; 2264} 2265#wb_Shape2{ 2266 height: 0; 2267 padding: 0 0 23.0984% 0; 2268 height: 0 !important; 2269} 2270#wb_Shape2 a svg 2271{ 2272 position: relative; 2273 left: 0; 2274} 2275#wb_Shape2 a .hover 2276{ 2277 visibility: hidden; 2278} 2279#wb_Shape2 a:hover .hover 2280{ 2281 visibility: visible; 2282} 2283#wb_Shape2 a:hover .default 2284{ 2285 visibility: hidden; 2286} 2287#Shape2_text 2288{ 2289 position: absolute; 2290 pointer-events: none; 2291 display: flex; 2292 align-items: center; 2293 justify-content: center; 2294 flex-direction: column; 2295 left: 0.34%; 2296 top: 1.49%; 2297 width: 99.31%; 2298 height: 97.01%; 2299 box-sizing: border-box; 2300 overflow: hidden; 2301 text-align: center; 2302 word-wrap: break-word; 2303} 2304#wb_Shape2 a:hover #Shape2_text span 2305{ 2306 color: #2D2D2D !important; 2307} 2308#wb_Shape1{ 2309 height: 0; 2310 padding: 0 0 23.0984% 0; 2311 height: 0 !important; 2312} 2313#wb_Shape1 a svg 2314{ 2315 position: relative; 2316 left: 0; 2317} 2318#wb_Shape1 a .hover 2319{ 2320 visibility: hidden; 2321} 2322#wb_Shape1 a:hover .hover 2323{ 2324 visibility: visible; 2325} 2326#wb_Shape1 a:hover .default 2327{ 2328 visibility: hidden; 2329} 2330#Shape1_text 2331{ 2332 position: absolute; 2333 pointer-events: none; 2334 display: flex; 2335 align-items: center; 2336 justify-content: center; 2337 flex-direction: column; 2338 left: 0.34%; 2339 top: 1.49%; 2340 width: 99.31%; 2341 height: 97.01%; 2342 box-sizing: border-box; 2343 overflow: hidden; 2344 text-align: center; 2345 word-wrap: break-word; 2346} 2347#wb_Shape1 a:hover #Shape1_text span 2348{ 2349 color: #2D2D2D !important; 2350} 2351#wb_Image8 2352{ 2353 margin: 0; 2354 vertical-align: top; 2355} 2356#Image8 2357{ 2358 border: 0px solid #000000; 2359 border-radius: 50px; 2360 box-sizing: border-box; 2361 padding: 0; 2362 display: block; 2363 width: 100%; 2364 height: auto; 2365 max-width: 320px; 2366 margin-left: auto; 2367 margin-right: auto; 2368 vertical-align: top; 2369} 2370#wb_Image8 2371{ 2372 opacity: 1.0; 2373 -webkit-transition: opacity 500ms linear 0ms; 2374 transition: opacity 500ms linear 0ms; 2375} 2376#wb_Image8:hover 2377{ 2378 opacity: 0.5; 2379 -webkit-transition: opacity 500ms linear 0ms; 2380 transition: opacity 500ms linear 0ms; 2381} 2382#wb_LayoutGrid5 2383{ 2384 clear: both; 2385 position: relative; 2386 table-layout: fixed; 2387 display: table; 2388 text-align: center; 2389 width: 100%; 2390 background-image: linear-gradient(to left, #3AB54A 0%, #2D2D2D 100%); 2391 border: 0px solid #CCCCCC; 2392 box-sizing: border-box; 2393 margin: 0; 2394 margin-right: auto; 2395 margin-left: auto; 2396 max-width: 1280px; 2397} 2398#LayoutGrid5 2399{ 2400 box-sizing: border-box; 2401 padding: 0px 15px 0px 15px; 2402 margin-right: auto; 2403 margin-left: auto; 2404} 2405#LayoutGrid5 > .row 2406{ 2407 margin-right: -15px; 2408 margin-left: -15px; 2409} 2410#LayoutGrid5 > .row > .col-1 2411{ 2412 box-sizing: border-box; 2413 font-size: 0px; 2414 min-height: 1px; 2415 padding-right: 15px; 2416 padding-left: 15px; 2417 position: relative; 2418} 2419#LayoutGrid5 > .row > .col-1 2420{ 2421 float: left; 2422} 2423#LayoutGrid5 > .row > .col-1 2424{ 2425 background-color: transparent; 2426 background-image: none; 2427 border: 0px solid #FFFFFF; 2428 border-radius: 0px; 2429 width: 100%; 2430 text-align: center; 2431} 2432#LayoutGrid5:before, 2433#LayoutGrid5:after, 2434#LayoutGrid5 .row:before, 2435#LayoutGrid5 .row:after 2436{ 2437 display: table; 2438 content: " "; 2439} 2440#LayoutGrid5:after, 2441#LayoutGrid5 .row:after 2442{ 2443 clear: both; 2444} 2445@media (max-width: 768px) 2446{ 2447#LayoutGrid5 > .row > .col-1 2448{ 2449 float: none; 2450 width: 100% !important; 2451} 2452} 2453#wb_Text2 2454{ 2455 background-color: transparent; 2456 background-image: none; 2457 border: 0px solid #000000; 2458 border-radius: 0px; 2459 padding: 10px 0px 10px 0px; 2460 margin: 0; 2461 text-align: center; 2462} 2463#wb_Text2 div 2464{ 2465 text-align: center; 2466} 2467#wb_Text2 2468{ 2469 display: block; 2470 margin: 0; 2471 box-sizing: border-box; 2472 width: 100%; 2473} 2474#wb_sommenous 2475{ 2476 clear: both; 2477 position: relative; 2478 table-layout: fixed; 2479 display: table; 2480 text-align: center; 2481 width: 100%; 2482 background-color: transparent; 2483 background-image: none; 2484 border: 0px solid #CCCCCC; 2485 box-sizing: border-box; 2486 margin: 0; 2487 margin-right: auto; 2488 margin-left: auto; 2489 max-width: 1280px; 2490} 2491#sommenous 2492{ 2493 box-sizing: border-box; 2494 padding: 15px 15px 15px 15px; 2495 margin-right: auto; 2496 margin-left: auto; 2497} 2498#sommenous > .row 2499{ 2500 margin-right: -15px; 2501 margin-left: -15px; 2502} 2503#sommenous > .row > .col-1, #sommenous > .row > .col-2, #sommenous > .row > .col-3 2504{ 2505 box-sizing: border-box; 2506 font-size: 0px; 2507 min-height: 1px; 2508 padding-right: 15px; 2509 padding-left: 15px; 2510 position: relative; 2511} 2512#sommenous > .row > .col-1, #sommenous > .row > .col-2, #sommenous > .row > .col-3 2513{ 2514 float: left; 2515} 2516#sommenous > .row > .col-1 2517{ 2518 background-color: transparent; 2519 background-image: none; 2520 border: 0px solid #FFFFFF; 2521 border-radius: 0px; 2522 width: 16.66666667%; 2523 text-align: left; 2524} 2525#sommenous > .row > .col-2 2526{ 2527 background-color: transparent; 2528 background-image: none; 2529 border: 0px solid #FFFFFF; 2530 border-radius: 0px; 2531 width: 41.66666667%; 2532 text-align: left; 2533} 2534#sommenous > .row > .col-3 2535{ 2536 background-color: transparent; 2537 background-image: none; 2538 border: 0px solid #FFFFFF; 2539 border-radius: 0px; 2540 width: 41.66666667%; 2541 text-align: left; 2542} 2543#sommenous:before, 2544#sommenous:after, 2545#sommenous .row:before, 2546#sommenous .row:after 2547{ 2548 display: table; 2549 content: " "; 2550} 2551#sommenous:after, 2552#sommenous .row:after 2553{ 2554 clear: both; 2555} 2556@media (max-width: 1024px) 2557{ 2558#sommenous > .row > .col-1, #sommenous > .row > .col-2, #sommenous > .row > .col-3 2559{ 2560 float: none; 2561 width: 100% !important; 2562} 2563} 2564#wb_Text3 2565{ 2566 background-color: transparent; 2567 background-image: none; 2568 border: 0px solid #000000; 2569 border-radius: 0px; 2570 padding: 5px 0px 5px 0px; 2571 margin: 0; 2572 text-align: justify;
2573} 2574#wb_Text3 div 2575{ 2576 text-align: justify; 2577} 2578#wb_Text3 2579{ 2580 display: block; 2581 margin: 0; 2582 box-sizing: border-box; 2583 width: 100%; 2584} 2585#wb_Text9 2586{ 2587 background-color: transparent; 2588 background-image: none; 2589 border: 0px solid #000000; 2590 border-radius: 0px; 2591 padding: 5px 0px 5px 0px; 2592 margin: 0; 2593 text-align: justify; 2594} 2595#wb_Text9 div 2596{ 2597 text-align: justify; 2598} 2599#wb_Text9 2600{ 2601 display: block; 2602 margin: 0; 2603 box-sizing: border-box; 2604 width: 100%; 2605} 2606#wb_Image4 2607{ 2608 margin: 0; 2609 vertical-align: top; 2610} 2611#Image4 2612{ 2613 border: 0px solid #000000; 2614 border-radius: 0px; 2615 box-sizing: border-box; 2616 padding: 0; 2617 display: block; 2618 width: 100%; 2619 height: auto; 2620 max-width: 942px; 2621 margin-left: auto; 2622 margin-right: auto; 2623 vertical-align: top; 2624} 2625#Shape5 2626{ 2627 border-width: 0; 2628 vertical-align: top; 2629} 2630#wb_LayoutGrid7 2631{ 2632 clear: both; 2633 position: relative; 2634 table-layout: fixed; 2635 display: table; 2636 text-align: center; 2637 width: 100%; 2638 background-image: linear-gradient(to left, #3AB54A 0%, #2D2D2D 100%); 2639 border: 0px solid #CCCCCC; 2640 box-sizing: border-box; 2641 margin: 0; 2642 margin-right: auto; 2643 margin-left: auto; 2644 max-width: 1280px; 2645} 2646#LayoutGrid7 2647{ 2648 box-sizing: border-box; 2649 padding: 0px 15px 0px 15px; 2650 margin-right: auto; 2651 margin-left: auto; 2652} 2653#LayoutGrid7 > .row 2654{ 2655 margin-right: -15px; 2656 margin-left: -15px; 2657} 2658#LayoutGrid7 > .row > .col-1 2659{ 2660 box-sizing: border-box; 2661 font-size: 0px; 2662 min-height: 1px; 2663 padding-right: 15px; 2664 padding-left: 15px; 2665 position: relative; 2666} 2667#LayoutGrid7 > .row > .col-1 2668{ 2669 float: left; 2670} 2671#LayoutGrid7 > .row > .col-1 2672{ 2673 background-color: transparent; 2674 background-image: none; 2675 border: 0px solid #FFFFFF; 2676 border-radius: 0px; 2677 width: 100%; 2678 text-align: center; 2679} 2680#LayoutGrid7:before, 2681#LayoutGrid7:after, 2682#LayoutGrid7 .row:before, 2683#LayoutGrid7 .row:after 2684{ 2685 display: table; 2686 content: " "; 2687} 2688#LayoutGrid7:after, 2689#LayoutGrid7 .row:after 2690{ 2691 clear: both; 2692} 2693@media (max-width: 768px) 2694{ 2695#LayoutGrid7 > .row > .col-1 2696{ 2697 float: none; 2698 width: 100% !important; 2699} 2700} 2701#wb_Text6 2702{ 2703 background-color: transparent; 2704 background-image: none; 2705 border: 0px solid #000000; 2706 border-radius: 0px; 2707 padding: 0; 2708 margin: 0; 2709 text-align: center; 2710} 2711#Text6-max-width 2712{ 2713 margin-left: auto; 2714 margin-right: auto; 2715 max-width: 1280px; 2716 width: 100%; 2717} 2718#wb_Text6 div 2719{ 2720 text-align: center; 2721} 2722#wb_Text6 2723{ 2724 display: block; 2725 margin: 0; 2726 box-sizing: border-box; 2727 width: 100%; 2728} 2729#wb_CardPartenaires 2730{ 2731 background-color: #2D2D2D; 2732 background-image: none; 2733 border: 0px solid #CCCCCC; 2734 box-sizing: border-box; 2735 position: relative; 2736} 2737#CardPartenaires 2738{ 2739 position: relative; 2740 padding: 10px 10px 10px 10px; 2741 margin-top: 0px; 2742 margin-bottom: 0px; 2743 margin-right: auto; 2744 margin-left: auto; 2745 max-width: 600px; 2746 box-sizing: border-box; 2747 font-size: 0px; 2748} 2749#CardPartenaires .owl-dots, #CardPartenaires .owl-nav 2750{ 2751 text-align: center; 2752} 2753#CardPartenaires .owl-nav 2754{ 2755 margin-top: 10px; 2756} 2757#CardPartenaires .owl-nav [class*=owl-] 2758{ 2759 color: #3AB54A; 2760 font-size: 14px; 2761 margin: 5px; 2762 padding: 4px 7px; 2763 background: #2D94D1; 2764 display: inline-block; 2765 cursor: pointer; 2766 border-radius: 3px; 2767} 2768#CardPartenaires .owl-nav [class*=owl-]:hover 2769{ 2770 background: #3AB54A; 2771 color: #2D94D1; 2772 text-decoration: none; 2773} 2774#CardPartenaires .owl-nav .disabled 2775{ 2776 opacity: .5; 2777 cursor: default; 2778} 2779#CardPartenaires .owl-nav.disabled+.owl-dots 2780{ 2781 margin-top: 10px; 2782} 2783#CardPartenaires .owl-nav 2784{ 2785 position: relative; 2786 top: -85px; 2787 display: none; 2788 justify-content: space-between; 2789 margin: 0 20px; 2790 color: #000; 2791} 2792#CardPartenaires .owl-nav button.owl-prev, #CardPartenaires .owl-nav button.owl-next 2793{ 2794 height: 30px; 2795 width: 30px; 2796 border-radius: 50%; 2797 background-color: rgba(255,255,255, 0.5); 2798} 2799#CardPartenaires .owl-dots .owl-dot 2800{ 2801 display: inline-block; 2802 zoom: 1; 2803} 2804#CardPartenaires .owl-dots .owl-dot span 2805{ 2806 width: 14px; 2807 height: 14px; 2808 margin: 10px 10px; 2809 background: #2D94D1; 2810 display: block; 2811 -webkit-backface-visibility: visible; 2812 transition: opacity 200ms ease; 2813 border-radius: 50%; 2814} 2815#CardPartenaires .owl-dots .owl-dot.active span, #CardPartenaires .owl-dots .owl-dot:hover span 2816{ 2817 background: #3AB54A; 2818} 2819#wb_Card4 2820{ 2821 position: relative; 2822 display: -webkit-flex; 2823 display: flex; 2824 -webkit-flex-direction: column; 2825 flex-direction: column; 2826 -webkit-flex-grow: 1; 2827 flex-grow: 1; 2828 -webkit-flex-shrink: 1; 2829 flex-shrink: 1; 2830 -webkit-flex-basis: 0%; 2831 flex-basis: 0%; 2832 -webkit-align-self: auto; 2833 align-self: auto; 2834 box-sizing: border-box; 2835 margin: 0; 2836 max-width: 600px; 2837 margin-left: auto !important; 2838 margin-right: auto !important; 2839 background-color: #2D2D2D; 2840 background-image: none; 2841 border: 0px solid #DEDEDE; 2842 border-radius: 3px; 2843 text-align: center; 2844} 2845#Card4-card-body 2846{ 2847 padding: 0; 2848 -webkit-flex: 1 1 auto; 2849 flex: 1 1 auto; 2850 font-size: 0px; 2851} 2852#Card4-card-item0 2853{ 2854 box-sizing: border-box; 2855 border-radius: 3px 3px 0 0 !important; 2856 margin: 0; 2857 padding: 0; 2858 border: 0px solid #000000; 2859 border-radius: 0px; 2860 width: 100%; 2861 height: auto; 2862} 2863#wb_Card2 2864{ 2865 position: relative; 2866 display: -webkit-flex; 2867 display: flex; 2868 -webkit-flex-direction: column; 2869 flex-direction: column; 2870 -webkit-flex-grow: 1; 2871 flex-grow: 1; 2872 -webkit-flex-shrink: 1; 2873 flex-shrink: 1; 2874 -webkit-flex-basis: 0%; 2875 flex-basis: 0%; 2876 -webkit-align-self: auto; 2877 align-self: auto; 2878 box-sizing: border-box; 2879 margin: 0; 2880 max-width: 600px; 2881 margin-left: auto !important; 2882 margin-right: auto !important; 2883 background-color: #2D2D2D; 2884 background-image: none; 2885 border: 0px solid #DEDEDE; 2886 border-radius: 3px; 2887 text-align: center; 2888} 2889#Card2-card-body 2890{ 2891 padding: 0; 2892 -webkit-flex: 1 1 auto; 2893 flex: 1 1 auto; 2894 font-size: 0px; 2895} 2896#Card2-card-item0 2897{ 2898 box-sizing: border-box; 2899 border-radius: 3px 3px 0 0 !important; 2900 margin: 0; 2901 padding: 0; 2902 border: 0px solid #000000; 2903 border-radius: 0px; 2904 width: 100%; 2905 height: auto; 2906} 2907#wb_Card3 2908{ 2909 position: relative; 2910 display: -webkit-flex; 2911 display: flex; 2912 -webkit-flex-direction: column; 2913 flex-direction: column; 2914 -webkit-flex-grow: 1; 2915 flex-grow: 1; 2916 -webkit-flex-shrink: 1; 2917 flex-shrink: 1; 2918 -webkit-flex-basis: 0%; 2919 flex-basis: 0%; 2920 -webkit-align-self: auto; 2921 align-self: auto; 2922 box-sizing: border-box; 2923 margin: 0; 2924 max-width: 600px; 2925 margin-left: auto !important; 2926 margin-right: auto !important; 2927 background-color: #2D2D2D; 2928 background-image: none; 2929 border: 0px solid #DEDEDE; 2930 border-radius: 3px; 2931 text-align: center; 2932} 2933#Card3-card-body 2934{ 2935 padding: 0; 2936 -webkit-flex: 1 1 auto; 2937 flex: 1 1 auto; 2938 font-size: 0px; 2939} 2940#Card3-card-item0 2941{ 2942 box-sizing: border-box; 2943 border-radius: 3px 3px 0 0 !important; 2944 margin: 0; 2945 padding: 0; 2946 border: 0px solid #000000; 2947 border-radius: 0px; 2948 width: 100%; 2949 height: auto; 2950} 2951#wb_Card6 2952{ 2953 position: relative; 2954 display: -webkit-flex; 2955 display: flex; 2956 -webkit-flex-direction: column; 2957 flex-direction: column; 2958 -webkit-flex-grow: 1; 2959 flex-grow: 1; 2960 -webkit-flex-shrink: 1; 2961 flex-shrink: 1; 2962 -webkit-flex-basis: 0%; 2963 flex-basis: 0%; 2964 -webkit-align-self: auto; 2965 align-self: auto; 2966 box-sizing: border-box; 2967 margin: 0; 2968 max-width: 600px; 2969 margin-left: auto !important; 2970 margin-right: auto !important; 2971 background-color: #2D2D2D; 2972 background-image: none; 2973 border: 0px solid #DEDEDE; 2974 border-radius: 3px; 2975 text-align: center; 2976} 2977#Card6-card-body 2978{ 2979 padding: 0; 2980 -webkit-flex: 1 1 auto; 2981 flex: 1 1 auto; 2982 font-size: 0px; 2983} 2984#Card6-card-item0 2985{ 2986 box-sizing: border-box; 2987 border-radius: 3px 3px 0 0 !important; 2988 margin: 0; 2989 padding: 0; 2990 border: 0px solid #000000; 2991 border-radius: 0px; 2992 width: 100%; 2993 height: auto; 2994} 2995#wb_Card1 2996{ 2997 position: relative; 2998 display: -webkit-flex; 2999 display: flex; 3000 -webkit-flex-direction: column; 3001 flex-direction: column; 3002 -webkit-flex-grow: 1; 3003 flex-grow: 1; 3004 -webkit-flex-shrink: 1; 3005 flex-shrink: 1; 3006 -webkit-flex-basis: 0%; 3007 flex-basis: 0%; 3008 -webkit-align-self: auto; 3009 align-self: auto; 3010 box-sizing: border-box; 3011 margin: 0; 3012 max-width: 600px; 3013 margin-left: auto !important; 3014 margin-right: auto !important; 3015 background-color: #2D2D2D; 3016 background-image: none; 3017 border: 0px solid #DEDEDE; 3018 border-radius: 3px; 3019 text-align: center; 3020} 3021#Card1-card-body 3022{ 3023 padding: 0; 3024 -webkit-flex: 1 1 auto; 3025 flex: 1 1 auto; 3026 font-size: 0px; 3027} 3028#Card1-card-item0 3029{ 3030 box-sizing: border-box; 3031 border-radius: 3px 3px 0 0 !important; 3032 margin: 0; 3033 padding: 0; 3034 border: 0px solid #000000; 3035 border-radius: 0px; 3036 width: 100%; 3037 height: auto; 3038} 3039#wb_contact 3040{ 3041 clear: both; 3042 position: relative; 3043 table-layout: fixed; 3044 display: table; 3045 text-align: center; 3046 width: 100%; 3047 background-color: #2FA348; 3048 background-image: none; 3049 border: 0px solid #CCCCCC; 3050 box-sizing: border-box; 3051 margin: 0; 3052 margin-right: auto; 3053 margin-left: auto; 3054 max-width: 1280px; 3055} 3056#contact 3057{ 3058 box-sizing: border-box; 3059 display: -webkit-flex; 3060 display: flex; 3061 -webkit-flex-direction: row; 3062 flex-direction: row; 3063 -webkit-flex-wrap: wrap; 3064 flex-wrap: wrap; 3065 padding: 10px 0px 10px 0px; 3066 margin-right: auto; 3067 margin-left: auto; 3068} 3069#contact > .col-1, #contact > .col-2, #contact > .col-3 3070{ 3071 box-sizing: border-box; 3072 font-size: 0px; 3073 min-height: 1px; 3074 padding-right: 5px; 3075 padding-left: 5px; 3076 position: relative; 3077} 3078#contact > .col-1, #contact > .col-2, #contact > .col-3 3079{ 3080 -webkit-flex: 0 0 auto; 3081 flex: 0 0 auto; 3082} 3083#contact > .col-1 3084{ 3085 background-color: transparent; 3086 background-image: none; 3087 border: 0px solid #FFFFFF; 3088 border-radius: 0px; 3089 flex-basis: 33.33333333%; 3090 max-width: 33.33333333%; 3091 display: -webkit-flex; 3092 -webkit-flex-wrap: wrap; 3093 -webkit-align-content: flex-start; 3094 -webkit-align-self: stretch; 3095 -webkit-align-items: flex-start; 3096 display: flex; 3097 flex-wrap: wrap; 3098 align-content: flex-start; 3099 align-self: stretch; 3100 align-items: flex-start;
3101 -webkit-justify-content: center; 3102 justify-content: center; 3103 text-align: center; 3104} 3105#contact > .col-2 3106{ 3107 background-color: transparent; 3108 background-image: none; 3109 border: 0px solid #FFFFFF; 3110 border-radius: 0px; 3111 flex-basis: 33.33333333%; 3112 max-width: 33.33333333%; 3113 display: -webkit-flex; 3114 -webkit-flex-wrap: wrap; 3115 -webkit-align-content: flex-start; 3116 -webkit-align-self: stretch; 3117 -webkit-align-items: flex-start; 3118 display: flex; 3119 flex-wrap: wrap; 3120 align-content: flex-start; 3121 align-self: stretch; 3122 align-items: flex-start; 3123 -webkit-justify-content: center; 3124 justify-content: center; 3125 text-align: center; 3126} 3127#contact > .col-3 3128{ 3129 background-color: transparent; 3130 background-image: none; 3131 border: 0px solid #FFFFFF; 3132 border-radius: 0px; 3133 flex-basis: 33.33333333%; 3134 max-width: 33.33333333%; 3135 display: -webkit-flex; 3136 -webkit-flex-wrap: wrap; 3137 -webkit-align-content: flex-start; 3138 -webkit-align-self: stretch; 3139 -webkit-align-items: flex-start; 3140 display: flex; 3141 flex-wrap: wrap; 3142 align-content: flex-start; 3143 align-self: stretch; 3144 align-items: flex-start; 3145 -webkit-justify-content: center; 3146 justify-content: center; 3147 text-align: center; 3148} 3149@media (max-width: 768px) 3150{ 3151#contact > .col-1, #contact > .col-2, #contact > .col-3 3152{ 3153 -webkit-flex-basis: 100% !important; 3154 flex-basis: 100% !important; 3155 max-width: 100% !important; 3156} 3157} 3158#wb_Text21 3159{ 3160 background-color: transparent; 3161 background-image: none; 3162 border: 0px solid #000000; 3163 border-radius: 0px; 3164 padding: 5px 0px 5px 0px; 3165 margin: 0; 3166 text-align: center; 3167} 3168#wb_Text21 div 3169{ 3170 text-align: center; 3171} 3172#wb_Text21 3173{ 3174 display: block; 3175 margin: 0; 3176 box-sizing: border-box; 3177 width: 100%; 3178} 3179#wb_Image7 3180{ 3181 margin: 0; 3182 vertical-align: top; 3183} 3184#Image7 3185{ 3186 border: 0px solid #000000; 3187 border-radius: 0px; 3188 box-sizing: border-box; 3189 padding: 0; 3190 display: block; 3191 width: 100%; 3192 height: auto; 3193 max-width: 250px; 3194 margin-left: auto; 3195 margin-right: auto; 3196 vertical-align: top; 3197} 3198#wb_Text32 3199{ 3200 background-color: transparent; 3201 background-image: none; 3202 border: 0px solid #000000; 3203 border-radius: 0px; 3204 padding: 10px 0px 5px 0px; 3205 margin: 0; 3206 text-align: center; 3207} 3208#wb_Text32 div 3209{ 3210 text-align: center; 3211} 3212#wb_Text32 3213{ 3214 display: block; 3215 margin: 0; 3216 box-sizing: border-box; 3217 width: 100%; 3218} 3219#SlideShow11 .image 3220{ 3221 border-width: 0; 3222 border-radius: 0px; 3223 display: block; 3224 float: left; 3225 height: auto; 3226 width: 100%; 3227} 3228#SlideShow11 li 3229{ 3230 width: 100%; 3231 left: 0; 3232 top: 0; 3233} 3234#SlideShow11 3235{ 3236 display: inline-block; 3237 position: relative; 3238 list-style: none; 3239 width: 100%; 3240 padding: 0; 3241 margin: 0; 3242} 3243#SlideShow11 li a:not(:first-child) .image 3244{ 3245 display: none; 3246} 3247#MediaPlayer1 3248{ 3249 left: 0; 3250 top: 0; 3251 width: 100%; 3252 height: 100%; 3253} 3254#wb_CssMenu1 3255{ 3256 border: 0px solid #C0C0C0; 3257 background-color: transparent; 3258 margin: 0; 3259 text-align: left; 3260 z-index: 1111 !important; 3261} 3262#wb_CssMenu1 ul 3263{ 3264 list-style-type: none; 3265 margin: 0; 3266 padding: 0; 3267 position: relative; 3268 display: inline-block; 3269} 3270#wb_CssMenu1 li 3271{ 3272 float: left; 3273 margin: 0; 3274 padding: 0px 4px 0px 0px; 3275 width: 150px; 3276} 3277#wb_CssMenu1 a 3278{ 3279 display: block; 3280 float: left; 3281 color: #2D2D2D; 3282 border: 0px solid #CCCCCC; 3283 background-color: #FFFFFF; 3284 background-image: none; 3285 font-family: Calibri; 3286 font-weight: normal; 3287 font-size: 15px; 3288 font-style: normal; 3289 text-decoration: none; 3290 width: 140px; 3291 height: 28px; 3292 padding: 0px 5px 0px 5px; 3293 vertical-align: middle; 3294 line-height: 28px; 3295 text-align: center; 3296} 3297#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover 3298{ 3299 color: #FFFFFF; 3300 border: 0px solid #2E6DA4; 3301 background-color: #2D2D2D; 3302 background-image: none; 3303} 3304#wb_CssMenu1 li.firstmain 3305{ 3306 padding-left: 0px; 3307} 3308#wb_CssMenu1 li.lastmain 3309{ 3310 padding-right: 0px; 3311} 3312#wb_CssMenu1 br 3313{ 3314 clear: both; 3315 font-size: 1px; 3316 height: 0; 3317 line-height: 0; 3318} 3319#wb_Text33 3320{ 3321 background-color: transparent; 3322 background-image: none; 3323 border: 0px solid #000000; 3324 border-radius: 0px; 3325 padding: 10px 0px 25px 0px; 3326 margin: 0; 3327 text-align: center; 3328} 3329#wb_Text33 div 3330{ 3331 text-align: center; 3332} 3333#wb_Text33 3334{ 3335 display: block; 3336 margin: 0; 3337 box-sizing: border-box; 3338 width: 100%; 3339} 3340#wb_Text15
3341{ 3342 background-color: transparent; 3343 background-image: none; 3344 border: 0px solid #000000; 3345 border-radius: 0px; 3346 padding: 10px 0px 20px 0px; 3347 margin: 0; 3348 text-align: center; 3349} 3350#wb_Text15 div 3351{ 3352 text-align: center; 3353} 3354#wb_Text15 3355{ 3356 display: block; 3357 margin: 0; 3358 box-sizing: border-box; 3359 width: 100%; 3360} 3361#FlexContainer2 3362{ 3363 display: -webkit-flex; 3364 display: flex; 3365 position: relative; 3366 padding: 10px 10px 10px 10px; 3367 -webkit-flex-direction: column; 3368 flex-direction: column; 3369 -webkit-flex-wrap: nowrap; 3370 flex-wrap: nowrap; 3371 -webkit-justify-content: space-around; 3372 justify-content: space-around; 3373 -webkit-align-items: center; 3374 align-items: center; 3375 -webkit-align-content: flex-start; 3376 align-content: flex-start; 3377 margin: 0; 3378 background-color: transparent; 3379 background-image: none; 3380 border: 0px solid #CCCCCC; 3381 box-sizing: border-box; 3382 font-size: 0px; 3383} 3384#wb_Text34 3385{ 3386 background-color: transparent; 3387 background-image: none; 3388 border: 0px solid #000000; 3389 border-radius: 0px; 3390 -webkit-flex-grow: 1; 3391 flex-grow: 1; 3392 -webkit-flex-shrink: 1; 3393 flex-shrink: 1; 3394 -webkit-align-self: auto; 3395 align-self: auto; 3396 padding: 5px 0px 20px 0px; 3397 margin: 0; 3398 text-align: center; 3399} 3400#wb_Text34 div 3401{ 3402 text-align: center; 3403} 3404#wb_OverlayMenu1 3405{ 3406 position: relative; 3407} 3408#OverlayMenu1 3409{ 3410 background-color: #2D94D1; 3411 background-image: none; 3412 border: 0px solid #DB3F4D; 3413 border-radius: 0px; 3414 margin: 0; 3415 -webkit-flex-grow: 0; 3416 flex-grow: 0; 3417 -webkit-flex-shrink: 0; 3418 flex-shrink: 0; 3419 -webkit-align-self: auto; 3420 align-self: auto; 3421} 3422#OverlayMenu1:hover 3423{ 3424 background-color: #3AB54A; 3425 background-image: none; 3426 border-color: #FFFFFF; 3427} 3428#OverlayMenu1 3429{ 3430 display: block; 3431 width: 80px; 3432 height: 80px; 3433 position: absolute; 3434 overflow: hidden; 3435} 3436#OverlayMenu1 .line 3437{ 3438 width: 41px; 3439 height: 8px; 3440 position: relative; 3441 top: 14px; 3442 background: #FFFFFF; 3443 display: block; 3444 margin: 8px auto; 3445} 3446#OverlayMenu1-close 3447{ 3448 background: transparent; 3449 font-size: 10px; 3450 height: 2.8em; 3451 outline: none; 3452 position: absolute; 3453 right: 10px; 3454 text-align: left; 3455 top: 10px; 3456 width: 3em; 3457} 3458#OverlayMenu1-close:before, #OverlayMenu1-close:after 3459{ 3460 background: #FFFFFF; 3461 content: ""; 3462 display: block; 3463 height: 0.6em; 3464 left: 0; 3465 opacity: 1; 3466 position: absolute; 3467 top: 0; 3468 width: 100%; 3469} 3470#OverlayMenu1-close span 3471{ 3472 background: #FFFFFF; 3473 height: 0.6em; 3474 margin-top: -0.3em; 3475 position: absolute; 3476 top: 50%; 3477 -webkit-transform-origin: 50% 50%; 3478 transform-origin: 50% 50%; 3479 width: 100%; 3480} 3481#OverlayMenu1-close span::after 3482{ 3483 background: #FFFFFF; 3484 content: ""; 3485 display: block; 3486 height: 0.6em; 3487 position: absolute; 3488 -webkit-transform-origin: 50% 50%; 3489 transform-origin: 50% 50%; 3490 width: 100%; 3491} 3492#OverlayMenu1-close:before 3493{ 3494 margin-top: -0.3em; 3495 opacity: 0; 3496 top: 50%; 3497} 3498#OverlayMenu1-close:after 3499{ 3500 bottom: 50%; 3501 opacity: 0; 3502} 3503#OverlayMenu1-close span 3504{ 3505 background: #FFFFFF; 3506 -webkit-transform: rotate(-45deg); 3507 transform: rotate(-45deg); 3508} 3509#OverlayMenu1-close span:after 3510{ 3511 background: #FFFFFF; 3512 -webkit-transform: rotate(-90deg); 3513 transform: rotate(-90deg); 3514} 3515#OverlayMenu1-overlay 3516{ 3517 display: flex; 3518 align-items: center; 3519 justify-content: center; 3520 height: 100%; 3521 left: 0; 3522 overflow-y: auto; 3523 position: fixed; 3524 top: 0; 3525 width: 100%; 3526 z-index: -1; 3527 background-color: rgba(45,148,209,0.87); 3528} 3529#OverlayMenu1-overlay ul 3530{ 3531 font-family: "Bebas Neue"; 3532 font-weight: normal; 3533 font-style: normal; 3534 font-size: 27px; 3535 list-style: none; 3536 margin: 0; 3537 padding: 0; 3538} 3539.OverlayMenu1 3540{ 3541 height: 60%; 3542 width: 100%; 3543 max-width: 600px; 3544 margin: 0 auto 0 auto; 3545} 3546.OverlayMenu1 a 3547{ 3548 text-decoration: none; 3549} 3550.OverlayMenu1 ul 3551{ 3552 list-style: none; 3553 padding: 0; 3554 text-align: center; 3555} 3556.OverlayMenu1 li 3557{ 3558 position: relative; 3559} 3560.OverlayMenu1 li a 3561{ 3562 display: block; 3563 position: relative; 3564 padding: 10px 15px 10px 15px; 3565 color: #FFFFFF; 3566 outline: none; 3567} 3568.OverlayMenu1 li a:hover 3569{ 3570 color: #FFFFFF; 3571 background-color: #3AB54A; 3572} 3573#OverlayMenu1-overlay 3574{ 3575 visibility: hidden; 3576 width: 0;
3577 left: 50%; 3578 -webkit-transform: translateX(-50%); 3579 transform: translateX(-50%); 3580 -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s; 3581 transition: width 800ms 0.3s, visibility 0s 1100ms; 3582} 3583#OverlayMenu1-overlay.show 3584{ 3585 visibility: visible; 3586 width: 100%; 3587 -webkit-transition: width 800ms; 3588 transition: width 800ms; 3589} 3590#OverlayMenu1-overlay .OverlayMenu1 3591{ 3592 opacity: 0; 3593 -webkit-transition: opacity 0.3s 800ms; 3594 transition: opacity 0.3s 800ms; 3595} 3596#OverlayMenu1-overlay.show .OverlayMenu1 3597{ 3598 opacity: 1; 3599 -webkit-transition-delay: 800ms; 3600 transition-delay: 800ms; 3601} 3602#OverlayMenu1-overlay.hide .OverlayMenu1 3603{ 3604 -webkit-transition-delay: 0s; 3605 transition-delay: 0s; 3606} 3607#OverlayMenu1-overlay .overlay-icon 3608{ 3609 margin: 0px 10px 0px 0px; 3610} 3611#OverlayMenu1-social 3612{ 3613 padding: 40px 0px 0px 0px; 3614} 3615#OverlayMenu1-social .social-icon 3616{ 3617 border-radius: 50%; 3618 background-color: #FFFFFF; 3619 color: #2D94D1; 3620 display: inline-block; 3621 font-size: 27px; 3622 margin: 0 .5em; 3623 padding: 10px; 3624 -webkit-transition: all .2s linear 0s; 3625 transition: all .2s linear 0s; 3626 width: 27px; 3627} 3628#OverlayMenu1-social .social-icon:hover 3629{ 3630 background-color: #FFFFFF; 3631 color: #3AB54A; 3632} 3633.OverlayMenu1-effect 3634{ 3635 -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045); 3636 transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045); 3637} 3638#wb_Text23 3639{ 3640 background-color: transparent; 3641 background-image: none; 3642 border: 0px solid #000000; 3643 border-radius: 0px; 3644 padding: 10px 0px 10px 0px; 3645 margin: 0; 3646 text-align: center; 3647} 3648#Text23-max-width 3649{ 3650 margin-left: auto; 3651 margin-right: auto; 3652 max-width: 1000px; 3653 width: 100%; 3654} 3655#wb_Text23 div 3656{ 3657 text-align: center; 3658} 3659#wb_Text23 3660{ 3661 display: block; 3662 margin: 0; 3663 box-sizing: border-box; 3664 width: 100%; 3665} 3666#Extension1 3667{ 3668 font-size: 0; 3669} 3670.Extension1, .Extension1 * 3671{ 3672 box-sizing: border-box; 3673 margin: 0 !important; 3674} 3675.Extension1 3676{ 3677 display: inline-block; 3678 font-size: 0; 3679 width: 25%; 3680 border: 10px solid transparent; 3681 boorder-bottom: none; 3682 background: #2D94D1; 3683 padding: 4px; 3684 height: auto; 3685 background-clip: padding-box; 3686} 3687.Extension1 > span 3688{ 3689 display: block; 3690 cursor: pointer; 3691 height: 0; 3692 padding-bottom: 70%; 3693 background-size: cover; 3694 background-position: center center; 3695} 3696#wb_Text25 3697{ 3698 background-color: transparent; 3699 background-image: none; 3700 border: 0px solid #000000; 3701 border-radius: 0px; 3702 padding: 10px 0px 10px 0px; 3703 margin: 0; 3704 text-align: justify; 3705} 3706#Text25-max-width 3707{ 3708 margin-left: auto; 3709 margin-right: auto; 3710 max-width: 800px; 3711 width: 100%; 3712} 3713#wb_Text25 div 3714{ 3715 text-align: justify; 3716} 3717#wb_Text25 3718{ 3719 display: block; 3720 margin: 0; 3721 box-sizing: border-box; 3722 width: 100%; 3723} 3724#YouTube1 3725{ 3726 position: absolute; 3727 left: 0; 3728 top: 0; 3729 width: 100%; 3730 height: 100%; 3731 border-width: 0; 3732} 3733#wb_YouTube1 3734{ 3735 display: block; 3736 position: relative; 3737 margin: 0; 3738 height: 0; 3739 overflow: hidden; 3740 box-sizing: border-box; 3741 padding-bottom: 56.25%; 3742 padding-left: 0; 3743 padding-right: 0; 3744 padding-top: 0; 3745} 3746#wb_Text11 3747{ 3748 background-color: transparent; 3749 background-image: none; 3750 border: 0px solid #000000; 3751 border-radius: 0px; 3752 padding: 10px 0px 10px 0px; 3753 margin: 0; 3754 text-align: center; 3755} 3756#Text11-max-width 3757{ 3758 margin-left: auto; 3759 margin-right: auto; 3760 max-width: 850px; 3761 width: 100%; 3762} 3763#wb_Text11 div 3764{ 3765 text-align: center; 3766} 3767#wb_Text11 3768{ 3769 display: block; 3770 margin: 0; 3771 box-sizing: border-box; 3772 width: 100%; 3773} 3774#wb_Image10 3775{ 3776 margin: 0; 3777 vertical-align: top; 3778} 3779#Image10 3780{ 3781 border: 0px solid #000000; 3782 border-radius: 0px; 3783 box-sizing: border-box; 3784 padding: 0; 3785 display: block; 3786 width: 100%; 3787 height: auto; 3788 max-width: 180px; 3789 margin-left: auto; 3790 margin-right: auto; 3791 vertical-align: top; 3792} 3793#wb_Text30 3794{ 3795 background-color: transparent; 3796 background-image: none; 3797 border: 0px solid #000000; 3798 border-radius: 0px; 3799 padding: 0px 0px 10px 0px; 3800 margin: 0; 3801 text-align: center; 3802} 3803#Text30-max-width 3804{ 3805 margin-left: auto; 3806 margin-right: auto; 3807 max-width: 900px; 3808 width: 100%; 3809} 3810#wb_Text30 div 3811{ 3812 text-align: center; 3813} 3814#wb_Text30 3815{ 3816 display: block; 3817 margin: 0; 3818 box-sizing: border-box; 3819 width: 100%; 3820} 3821#wb_Image5 3822{ 3823 margin: 0; 3824 vertical-align: top; 3825} 3826#Image5 3827{ 3828 border: 0px solid #000000; 3829 border-radius: 0px; 3830 box-sizing: border-box; 3831 padding: 0; 3832 display: block; 3833 width: 100%; 3834 height: auto; 3835 max-width: 80px; 3836 margin-left: auto; 3837 margin-right: auto; 3838 vertical-align: top; 3839} 3840#wb_Image13 3841{ 3842 margin: 0; 3843 vertical-align: top; 3844} 3845#Image13 3846{ 3847 border: 0px solid #000000; 3848 border-radius: 0px; 3849 box-sizing: border-box; 3850 padding: 0; 3851 display: block; 3852 width: 100%; 3853 height: auto; 3854 max-width: 80px; 3855 margin-left: auto; 3856 margin-right: auto; 3857 vertical-align: top; 3858} 3859#wb_Text31 3860{ 3861 background-color: transparent; 3862 background-image: none; 3863 border: 0px solid #000000; 3864 border-radius: 0px; 3865 padding: 10px 0px 10px 0px; 3866 margin: 0; 3867 text-align: left; 3868} 3869#Text31-max-width 3870{ 3871 margin-left: auto; 3872 margin-right: auto; 3873 max-width: 900px; 3874 width: 100%; 3875} 3876#wb_Text31 div 3877{ 3878 text-align: left; 3879} 3880#wb_Text31 3881{ 3882 display: block; 3883 margin: 0; 3884 box-sizing: border-box; 3885 width: 100%; 3886} 3887#wb_Image29 3888{ 3889 margin: 0; 3890 vertical-align: top; 3891} 3892#Image29 3893{ 3894 border: 0px solid #000000; 3895 border-radius: 0px; 3896 box-sizing: border-box; 3897 padding: 0; 3898 display: block; 3899 width: 100%; 3900 height: auto; 3901 max-width: 80px; 3902 margin-left: auto; 3903 margin-right: auto; 3904 vertical-align: top; 3905} 3906#wb_Text17 3907{ 3908 background-color: transparent; 3909 background-image: none; 3910 border: 0px solid #000000; 3911 border-radius: 0px; 3912 padding: 10px 0px 10px 0px; 3913 margin: 0; 3914 text-align: justify;
3915} 3916#Text17-max-width 3917{ 3918 margin-left: auto; 3919 margin-right: auto; 3920 max-width: 1000px; 3921 width: 100%; 3922} 3923#wb_Text17 div 3924{ 3925 text-align: justify; 3926} 3927#wb_Text17 3928{ 3929 display: block; 3930 margin: 0; 3931 box-sizing: border-box; 3932 width: 100%; 3933} 3934#YouTube2 3935{ 3936 position: absolute; 3937 left: 0; 3938 top: 0; 3939 width: 100%; 3940 height: 100%; 3941 border-width: 0; 3942} 3943#wb_YouTube2 3944{ 3945 display: block; 3946 position: relative; 3947 margin: 0; 3948 height: 0; 3949 overflow: hidden; 3950 box-sizing: border-box; 3951 padding-bottom: 56.25%; 3952 padding-left: 0; 3953 padding-right: 0; 3954 padding-top: 0; 3955} 3956#wb_Text27 3957{ 3958 background-color: transparent; 3959 background-image: none; 3960 border: 0px solid #000000; 3961 border-radius: 0px; 3962 padding: 10px 0px 10px 0px; 3963 margin: 0; 3964 text-align: center; 3965} 3966#Text27-max-width 3967{ 3968 margin-left: auto; 3969 margin-right: auto; 3970 max-width: 850px; 3971 width: 100%; 3972} 3973#wb_Text27 div 3974{ 3975 text-align: center; 3976} 3977#wb_Text27 3978{ 3979 display: block; 3980 margin: 0; 3981 box-sizing: border-box; 3982 width: 100%; 3983} 3984#wb_Image28 3985{ 3986 margin: 0; 3987 vertical-align: top; 3988} 3989#Image28 3990{ 3991 border: 0px solid #000000; 3992 border-radius: 0px; 3993 box-sizing: border-box; 3994 padding: 0; 3995 display: block; 3996 width: 100%; 3997 height: auto; 3998 max-width: 180px; 3999 margin-left: auto; 4000 margin-right: auto; 4001 vertical-align: top; 4002} 4003#wb_Image32 4004{ 4005 margin: 0; 4006 vertical-align: top; 4007} 4008#Image32 4009{ 4010 border: 0px solid #000000; 4011 border-radius: 0px; 4012 box-sizing: border-box; 4013 padding: 0; 4014 display: block; 4015 width: 100%; 4016 height: auto; 4017 max-width: 1584px; 4018 margin-left: auto; 4019 margin-right: auto; 4020 vertical-align: top; 4021} 4022#wb_Text8 4023{ 4024 background-color: transparent; 4025 background-image: none; 4026 border: 0px solid #000000; 4027 border-radius: 0px; 4028 padding: 10px 0px 0px 0px; 4029 margin: 0; 4030 text-align: left; 4031} 4032#Text8-max-width 4033{ 4034 margin-left: auto; 4035 margin-right: auto; 4036 max-width: 1000px; 4037 width: 100%; 4038} 4039#wb_Text8 div 4040{ 4041 text-align: left; 4042} 4043#wb_Text8 4044{ 4045 display: block; 4046 margin: 0; 4047 box-sizing: border-box; 4048 width: 100%; 4049} 4050#wb_Image18 4051{ 4052 margin: 0; 4053 vertical-align: top; 4054} 4055#Image18 4056{ 4057 border: 0px solid #000000; 4058 border-radius: 0px; 4059 box-sizing: border-box; 4060 padding: 0; 4061 display: block; 4062 width: 100%; 4063 height: auto; 4064 max-width: 800px; 4065 margin-left: auto; 4066 margin-right: auto; 4067 vertical-align: top; 4068} 4069#wb_Text28 4070{ 4071 background-color: transparent; 4072 background-image: none; 4073 border: 0px solid #000000; 4074 border-radius: 0px; 4075 padding: 10px 0px 0px 0px; 4076 margin: 0; 4077 text-align: justify; 4078} 4079#Text28-max-width 4080{ 4081 margin-left: auto; 4082 margin-right: auto; 4083 max-width: 1000px; 4084 width: 100%; 4085} 4086#wb_Text28 div 4087{ 4088 text-align: justify; 4089} 4090#wb_Text28 4091{ 4092 display: block; 4093 margin: 0; 4094 box-sizing: border-box; 4095 width: 100%; 4096} 4097#wb_Image19 4098{ 4099 margin: 0; 4100 vertical-align: top; 4101} 4102#Image19 4103{ 4104 border: 0px solid #000000; 4105 border-radius: 0px; 4106 box-sizing: border-box; 4107 padding: 10px 0px 0px 0px; 4108 display: block; 4109 width: 100%; 4110 height: auto; 4111 max-width: 80px; 4112 margin-left: auto; 4113 margin-right: auto; 4114 vertical-align: top; 4115} 4116#wb_Text37 4117{ 4118 background-color: transparent; 4119 background-image: none; 4120 border: 0px solid #000000; 4121 border-radius: 0px; 4122 padding: 10px 0px 10px 0px; 4123 margin: 0; 4124 text-align: center; 4125} 4126#Text37-max-width 4127{ 4128 margin-left: auto; 4129 margin-right: auto; 4130 max-width: 800px; 4131 width: 100%; 4132} 4133#wb_Text37 div 4134{ 4135 text-align: center; 4136} 4137#wb_Text37 4138{ 4139 display: block; 4140 margin: 0; 4141 box-sizing: border-box; 4142 width: 100%; 4143} 4144#wb_Image30 4145{ 4146 margin: 0; 4147 vertical-align: top; 4148} 4149#Image30 4150{ 4151 border: 0px solid #000000; 4152 border-radius: 0px; 4153 box-sizing: border-box; 4154 padding: 0; 4155 display: block; 4156 width: 100%; 4157 height: auto; 4158 max-width: 800px; 4159 margin-left: auto; 4160 margin-right: auto; 4161 vertical-align: top; 4162} 4163#wb_Text39 4164{ 4165 background-color: transparent; 4166 background-image: none; 4167 border: 0px solid #000000; 4168 border-radius: 0px; 4169 padding: 10px 0px 0px 0px; 4170 margin: 0; 4171 text-align: left; 4172} 4173#Text39-max-width 4174{ 4175 margin-left: auto; 4176 margin-right: auto; 4177 max-width: 1000px; 4178 width: 100%; 4179} 4180#wb_Text39 div 4181{ 4182 text-align: left; 4183} 4184#wb_Text39 4185{ 4186 display: block; 4187 margin: 0; 4188 box-sizing: border-box; 4189 width: 100%; 4190} 4191#wb_Image27 4192{ 4193 margin: 0; 4194 vertical-align: top; 4195} 4196#Image27 4197{ 4198 border: 0px solid #000000; 4199 border-radius: 0px; 4200 box-sizing: border-box; 4201 padding: 10px 0px 0px 0px; 4202 display: block; 4203 width: 100%; 4204 height: auto; 4205 max-width: 80px; 4206 margin-left: auto; 4207 margin-right: auto; 4208 vertical-align: top; 4209} 4210#wb_Text41 4211{ 4212 background-color: transparent; 4213 background-image: none; 4214 border: 0px solid #000000; 4215 border-radius: 0px; 4216 padding: 10px 0px 10px 0px; 4217 margin: 0; 4218 text-align: center; 4219} 4220#Text41-max-width 4221{ 4222 margin-left: auto; 4223 margin-right: auto; 4224 max-width: 800px; 4225 width: 100%; 4226} 4227#wb_Text41 div 4228{ 4229 text-align: center; 4230} 4231#wb_Text41 4232{ 4233 display: block; 4234 margin: 0; 4235 box-sizing: border-box; 4236 width: 100%; 4237} 4238#wb_Text26 4239{ 4240 background-color: transparent; 4241 background-image: none; 4242 border: 0px solid #000000; 4243 border-radius: 0px; 4244 padding: 10px 0px 10px 0px; 4245 margin: 0; 4246 text-align: center; 4247} 4248#Text26-max-width 4249{ 4250 margin-left: auto; 4251 margin-right: auto; 4252 max-width: 800px; 4253 width: 100%; 4254} 4255#wb_Text26 div 4256{ 4257 text-align: center; 4258} 4259#wb_Text26 4260{ 4261 display: block; 4262 margin: 0; 4263 box-sizing: border-box; 4264 width: 100%; 4265} 4266#wb_Image34 4267{ 4268 margin: 0; 4269 vertical-align: top; 4270} 4271#Image34 4272{ 4273 border: 0px solid #000000; 4274 border-radius: 0px; 4275 box-sizing: border-box; 4276 padding: 0; 4277 display: block; 4278 width: 100%; 4279 height: auto; 4280 max-width: 800px; 4281 margin-left: auto; 4282 margin-right: auto; 4283 vertical-align: top; 4284} 4285#wb_Image35 4286{ 4287 margin: 0; 4288 vertical-align: top; 4289} 4290#Image35 4291{ 4292 border: 0px solid #000000; 4293 border-radius: 0px; 4294 box-sizing: border-box; 4295 padding: 0; 4296 display: block; 4297 width: 100%; 4298 height: auto; 4299 max-width: 800px; 4300 margin-left: auto; 4301 margin-right: auto; 4302 vertical-align: top; 4303} 4304#wb_Text42 4305{ 4306 background-color: transparent; 4307 background-image: none; 4308 border: 0px solid #000000; 4309 border-radius: 0px; 4310 padding: 10px 0px 0px 0px; 4311 margin: 0; 4312 text-align: left; 4313} 4314#Text42-max-width 4315{ 4316 margin-left: auto; 4317 margin-right: auto; 4318 max-width: 1000px; 4319 width: 100%; 4320} 4321#wb_Text42 div 4322{ 4323 text-align: left; 4324} 4325#wb_Text42 4326{ 4327 display: block; 4328 margin: 0; 4329 box-sizing: border-box; 4330 width: 100%; 4331} 4332#wb_Image36 4333{ 4334 margin: 0; 4335 vertical-align: top; 4336} 4337#Image36 4338{ 4339 border: 0px solid #000000; 4340 border-radius: 0px; 4341 box-sizing: border-box; 4342 padding: 10px 0px 0px 0px; 4343 display: block; 4344 width: 100%; 4345 height: auto; 4346 max-width: 80px; 4347 margin-left: auto; 4348 margin-right: auto; 4349 vertical-align: top; 4350} 4351#wb_Text43 4352{ 4353 background-color: transparent; 4354 background-image: none; 4355 border: 0px solid #000000; 4356 border-radius: 0px; 4357 padding: 10px 0px 10px 0px; 4358 margin: 0; 4359 text-align: center; 4360} 4361#Text43-max-width 4362{ 4363 margin-left: auto; 4364 margin-right: auto; 4365 max-width: 800px; 4366 width: 100%; 4367} 4368#wb_Text43 div 4369{ 4370 text-align: center; 4371} 4372#wb_Text43 4373{ 4374 display: block; 4375 margin: 0; 4376 box-sizing: border-box; 4377 width: 100%; 4378} 4379#wb_Image37 4380{ 4381 margin: 0; 4382 vertical-align: top; 4383} 4384#Image37 4385{ 4386 border: 0px solid #000000; 4387 border-radius: 0px; 4388 box-sizing: border-box; 4389 padding: 0; 4390 display: block; 4391 width: 100%; 4392 height: auto; 4393 max-width: 700px; 4394 margin-left: auto; 4395 margin-right: auto; 4396 vertical-align: top; 4397} 4398#wb_Image6 4399{ 4400 margin: 0; 4401 vertical-align: top; 4402} 4403#Image6 4404{ 4405 border: 0px solid #000000; 4406 border-radius: 0px; 4407 box-sizing: border-box; 4408 padding: 0px 0px 10px 0px; 4409 display: block; 4410 width: 100%; 4411 height: auto; 4412 max-width: 400px; 4413 margin-left: auto; 4414 margin-right: auto; 4415 vertical-align: top; 4416} 4417#YouTube3 4418{ 4419 position: absolute;
4420 left: 0; 4421 top: 0; 4422 width: 100%; 4423 height: 100%; 4424 border-width: 0; 4425} 4426#wb_YouTube3 4427{ 4428 display: block; 4429 position: relative; 4430 margin: 0; 4431 height: 0; 4432 overflow: hidden; 4433 box-sizing: border-box; 4434 padding-bottom: 56.25%; 4435 padding-left: 0; 4436 padding-right: 0; 4437 padding-top: 0; 4438} 4439#wb_Image3 4440{ 4441 margin: 0; 4442 vertical-align: top; 4443} 4444#Image3 4445{ 4446 border: 0px solid #000000; 4447 border-radius: 0px; 4448 box-sizing: border-box; 4449 padding: 0; 4450 display: block; 4451 width: 100%; 4452 height: auto; 4453 max-width: 800px; 4454 margin-left: auto; 4455 margin-right: auto; 4456 vertical-align: top; 4457} 4458#wb_Text44 4459{ 4460 background-color: transparent; 4461 background-image: none; 4462 border: 0px solid #000000; 4463 border-radius: 0px; 4464 padding: 10px 0px 10px 0px; 4465 margin: 0; 4466 text-align: center; 4467} 4468#Text44-max-width 4469{ 4470 margin-left: auto; 4471 margin-right: auto; 4472 max-width: 700px; 4473 width: 100%; 4474} 4475#wb_Text44 div 4476{ 4477 text-align: center; 4478} 4479#wb_Text44 4480{ 4481 display: block; 4482 margin: 0; 4483 box-sizing: border-box; 4484 width: 100%; 4485} 4486#wb_Text45 4487{ 4488 background-color: transparent; 4489 background-image: none; 4490 border: 0px solid #000000; 4491 border-radius: 0px; 4492 padding: 10px 0px 10px 0px; 4493 margin: 0; 4494 text-align: center; 4495} 4496#Text45-max-width 4497{ 4498 margin-left: auto; 4499 margin-right: auto; 4500 max-width: 800px; 4501 width: 100%; 4502} 4503#wb_Text45 div 4504{ 4505 text-align: center; 4506} 4507#wb_Text45 4508{ 4509 display: block; 4510 margin: 0; 4511 box-sizing: border-box; 4512 width: 100%; 4513} 4514#wb_Image22 4515{ 4516 margin: 0; 4517 vertical-align: top; 4518} 4519#Image22 4520{ 4521 border: 0px solid #000000; 4522 border-radius: 0px; 4523 box-sizing: border-box; 4524 padding: 0; 4525 display: block; 4526 width: 100%; 4527 height: auto; 4528 max-width: 800px; 4529 margin-left: auto; 4530 margin-right: auto; 4531 vertical-align: top; 4532} 4533#wb_Text46 4534{ 4535 background-color: transparent; 4536 background-image: none; 4537 border: 0px solid #000000; 4538 border-radius: 0px; 4539 padding: 10px 0px 10px 0px; 4540 margin: 0; 4541 text-align: center; 4542} 4543#Text46-max-width 4544{ 4545 margin-left: auto; 4546 margin-right: auto; 4547 max-width: 800px; 4548 width: 100%; 4549} 4550#wb_Text46 div 4551{ 4552 text-align: center; 4553} 4554#wb_Text46 4555{ 4556 display: block; 4557 margin: 0; 4558 box-sizing: border-box; 4559 width: 100%; 4560} 4561#wb_Image38 4562{ 4563 margin: 0; 4564 vertical-align: top; 4565} 4566#Image38 4567{ 4568 border: 0px solid #000000; 4569 border-radius: 0px; 4570 box-sizing: border-box; 4571 padding: 0; 4572 display: block; 4573 width: 100%; 4574 height: auto; 4575 max-width: 800px; 4576 margin-left: auto; 4577 margin-right: auto; 4578 vertical-align: top; 4579} 4580#wb_Image39 4581{ 4582 margin: 0; 4583 vertical-align: top; 4584} 4585#Image39 4586{ 4587 border: 0px solid #000000; 4588 border-radius: 0px; 4589 box-sizing: border-box; 4590 padding: 0; 4591 display: block; 4592 width: 100%; 4593 height: auto; 4594 max-width: 150px; 4595 margin-left: auto; 4596 margin-right: auto; 4597 vertical-align: top; 4598} 4599#wb_Text47 4600{ 4601 background-color: transparent; 4602 background-image: none; 4603 border: 0px solid #000000; 4604 border-radius: 0px; 4605 padding: 10px 0px 10px 0px; 4606 margin: 0; 4607 text-align: center; 4608} 4609#Text47-max-width 4610{ 4611 margin-left: auto; 4612 margin-right: auto; 4613 max-width: 700px; 4614 width: 100%; 4615} 4616#wb_Text47 div 4617{ 4618 text-align: center; 4619} 4620#wb_Text47 4621{ 4622 display: block; 4623 margin: 0; 4624 box-sizing: border-box; 4625 width: 100%; 4626} 4627#wb_Image41 4628{ 4629 margin: 0; 4630 vertical-align: top; 4631} 4632#Image41 4633{ 4634 border: 0px solid #000000; 4635 border-radius: 0px; 4636 box-sizing: border-box; 4637 padding: 0; 4638 display: block; 4639 width: 100%; 4640 height: auto; 4641 max-width: 150px; 4642 margin-left: auto; 4643 margin-right: auto; 4644 vertical-align: top; 4645} 4646#wb_Image40 4647{ 4648 margin: 0; 4649 vertical-align: top; 4650} 4651#Image40 4652{ 4653 border: 0px solid #000000; 4654 border-radius: 0px; 4655 box-sizing: border-box; 4656 padding: 0; 4657 display: block; 4658 width: 100%; 4659 height: auto; 4660 max-width: 1000px; 4661 margin-left: auto; 4662 margin-right: auto; 4663 vertical-align: top; 4664} 4665#MediaPlayer2 4666{ 4667 position: absolute;
4668 left: 0; 4669 top: 0; 4670 width: 100%; 4671 height: 100%; 4672} 4673#wb_MediaPlayer2 4674{ 4675 display: block; 4676 position: relative; 4677 margin: 0; 4678 height: 619px; 4679 vertical-align: top; 4680} 4681#wb_Image14 4682{ 4683 margin: 0; 4684 vertical-align: top; 4685} 4686#Image14 4687{ 4688 border: 0px solid #000000; 4689 border-radius: 0px; 4690 box-sizing: border-box; 4691 padding: 0; 4692 display: block; 4693 width: 100%; 4694 height: auto; 4695 max-width: 800px; 4696 margin-left: auto; 4697 margin-right: auto; 4698 vertical-align: top; 4699} 4700#wb_Image16 4701{ 4702 margin: 0; 4703 vertical-align: top; 4704} 4705#Image16 4706{ 4707 border: 0px solid #000000; 4708 border-radius: 0px; 4709 box-sizing: border-box; 4710 padding: 0; 4711 display: block; 4712 width: 100%; 4713 height: auto; 4714 max-width: 800px; 4715 margin-left: auto; 4716 margin-right: auto; 4717 vertical-align: top; 4718} 4719#wb_Image31 4720{ 4721 margin: 0; 4722 vertical-align: top; 4723} 4724#Image31 4725{ 4726 border: 0px solid #000000; 4727 border-radius: 0px; 4728 box-sizing: border-box; 4729 padding: 0; 4730 display: block; 4731 width: 100%; 4732 height: auto; 4733 max-width: 150px; 4734 margin-left: auto; 4735 margin-right: auto; 4736 vertical-align: top; 4737} 4738#wb_Text7 4739{ 4740 background-color: transparent; 4741 background-image: none; 4742 border: 0px solid #000000; 4743 border-radius: 0px; 4744 padding: 10px 0px 10px 0px; 4745 margin: 0; 4746 text-align: justify; 4747} 4748#Text7-max-width 4749{ 4750 margin-left: auto; 4751 margin-right: auto; 4752 max-width: 800px; 4753 width: 100%; 4754} 4755#wb_Text7 div 4756{ 4757 text-align: justify; 4758} 4759#wb_Text7 4760{ 4761 display: block; 4762 margin: 0; 4763 box-sizing: border-box; 4764 width: 100%; 4765} 4766</style>
4767<script src="jquery-1.12.4.min.js"></script>
vendor: 2 bytes, line 4767
4767
4768<script src="jquery-ui.min.js"></script>
vendor: 2 bytes, line 4768
4768
4769<script src="owl.carousel.min.js"></script>
vendor: 2 bytes, line 4769
4769
4770<script src="wb.overlay.min.js"></script>
4770 4771<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
4772<script src="fancybox/jquery.easing-1.3.pack.js"></script>
vendor: 2 bytes, line 4772
4772
4773<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
vendor: 2 bytes, line 4773
4773
4774<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
4774 4775<link rel="stylesheet" href="lc_lightbox/lc_lightbox.min.css" /> 4776<link rel="stylesheet" href="lc_lightbox/minimal.css" />
4777<script src="lc_lightbox/alloy_finger.min.js"></script>
vendor: 2 bytes, line 4777
4777
4778<script src="lc_lightbox/lc_lightbox.lite.min.js"></script>
4778<script src="wwb17.min.js"></script>
vendor: 2 bytes, line 4778
4778
4779<script> 4780$(document).ready(function() 4781{ 4782 $('#wb_PanelImage1').addClass('visibility-hidden'); 4783 $('#wb_PanelImage3').addClass('visibility-hidden'); 4784 $('#wb_Image2').addClass('visibility-hidden'); 4785 $('#wb_Image8').addClass('visibility-hidden'); 4786 $("a[href*='#LayoutGrid2']").click(function(event) 4787 { 4788 event.preventDefault(); 4789 $('html, body').stop().animate({ scrollTop: $('#wb_LayoutGrid2').offset().top }, 600, 'easeOutCirc'); 4790 }); 4791 $("a[href*='#LayoutGrid3']").click(function(event) 4792 { 4793 event.preventDefault(); 4794 $('html, body').stop().animate({ scrollTop: $('#wb_LayoutGrid3').offset().top-88 }, 600, 'easeOutCirc'); 4795 }); 4796 $('#Extension2-button').click(function() 4797 { 4798 $(this).parent().toggleClass('open'); 4799 }); 4800 $("a[href*='#LayoutGrid4']").click(function(event) 4801 { 4802 event.preventDefault(); 4803 $('html, body').stop().animate({ scrollTop: $('#wb_LayoutGrid4').offset().top }, 600, 'linear'); 4804 }); 4805 $("#Accordion1").accordion( 4806 { 4807 event: 'click', 4808 animate: 'linear', 4809 header: 'h4', 4810 heightStyle: 'content' 4811 }); 4812 $("#Tabs1").tabs( 4813 { 4814 show: false, 4815 hide: false, 4816 event: 'click', 4817 collapsible: false 4818 }); 4819 function onScrollPanelImage1() 4820 { 4821 var $obj = $("#wb_PanelImage1"); 4822 if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true)) 4823 { 4824 $obj.addClass("in-viewport"); 4825 AnimateCss('wb_PanelImage1', 'animate-fade-in-up', 500, 1000); 4826 } 4827 else 4828 if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true)) 4829 { 4830 $obj.removeClass("in-viewport"); 4831 AnimateCss('wb_PanelImage1', 'animate-fade-out', 0, 0); 4832 } 4833 } 4834 if (!$('#wb_PanelImage1').inViewPort(true)) 4835 { 4836 $('#wb_PanelImage1').addClass("in-viewport"); 4837 } 4838 onScrollPanelImage1(); 4839 $(window).scroll(function(event) 4840 { 4841 onScrollPanelImage1(); 4842 }); 4843 function onScrollPanelImage3() 4844 { 4845 var $obj = $("#wb_PanelImage3"); 4846 if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true)) 4847 { 4848 $obj.addClass("in-viewport"); 4849 AnimateCss('wb_PanelImage3', 'animate-fade-in-up', 500, 1000); 4850 } 4851 else 4852 if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true)) 4853 { 4854 $obj.removeClass("in-viewport"); 4855 AnimateCss('wb_PanelImage3', 'animate-fade-out', 0, 0); 4856 } 4857 } 4858 if (!$('#wb_PanelImage3').inViewPort(true)) 4859 { 4860 $('#wb_PanelImage3').addClass("in-viewport"); 4861 } 4862 onScrollPanelImage3(); 4863 $(window).scroll(function(event) 4864 { 4865 onScrollPanelImage3(); 4866 }); 4867 function onScrollImage2() 4868 { 4869 var $obj = $("#wb_Image2"); 4870 if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true)) 4871 { 4872 $obj.addClass("in-viewport"); 4873 AnimateCss('wb_Image2', 'animate-fade-in-up', 500, 1000); 4874 } 4875 else 4876 if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true)) 4877 { 4878 $obj.removeClass("in-viewport"); 4879 AnimateCss('wb_Image2', 'animate-fade-out', 0, 0); 4880 } 4881 } 4882 if (!$('#wb_Image2').inViewPort(true)) 4883 { 4884 $('#wb_Image2').addClass("in-viewport"); 4885 } 4886 onScrollImage2(); 4887 $(window).scroll(function(event) 4888 { 4889 onScrollImage2(); 4890 }); 4891 function onScrollImage8() 4892 { 4893 var $obj = $("#wb_Image8"); 4894 if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true)) 4895 { 4896 $obj.addClass("in-viewport"); 4897 AnimateCss('wb_Image8', 'animate-fade-in-up', 500, 1000); 4898 } 4899 else 4900 if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true)) 4901 { 4902 $obj.removeClass("in-viewport"); 4903 AnimateCss('wb_Image8', 'animate-fade-out', 0, 0); 4904 } 4905 } 4906 if (!$('#wb_Image8').inViewPort(true)) 4907 { 4908 $('#wb_Image8').addClass("in-viewport"); 4909 } 4910 onScrollImage8(); 4911 $(window).scroll(function(event) 4912 { 4913 onScrollImage8(); 4914 }); 4915 $("a[href*='#sommenous']").click(function(event) 4916 { 4917 event.preventDefault(); 4918 $('html, body').stop().animate({ scrollTop: $('#wb_sommenous').offset().top }, 600, 'linear'); 4919 }); 4920 $("a[href*='#CardPartenaires']").click(function(event) 4921 { 4922 event.preventDefault(); 4923 $('html, body').stop().animate({ scrollTop: $('#CardPartenaires').offset().top }, 600, 'linear'); 4924 }); 4925 $("#CardPartenaires").owlCarousel({autoplayTimeout:5000, margin: 1, autoplay: true, nav: false, loop: true, dots: true, items: 1, slideBy: 1}); 4926 $("a[href*='#contact']").click(function(event) 4927 { 4928 event.preventDefault(); 4929 $('html, body').stop().animate({ scrollTop: $('#wb_contact').offset().top }, 600, 'linear'); 4930 }); 4931 $("a[data-rel='SlideShow11']").attr('rel', 'SlideShow11'); 4932 $("a[rel^='SlideShow11']").fancybox({}); 4933 $('#OverlayMenu1-overlay').overlay({hideTransition:true}); 4934 $('#OverlayMenu1').on('click', function(e) 4935 { 4936 $.overlay.show($('#OverlayMenu1-overlay')); 4937 return false; 4938 }); 4939lc_lightbox('.Extension1', { 4940 wrap_class: 'lcl_fade_oc', 4941 gallery : true, 4942 thumb_attr: 'data-lcl-thumb', 4943 skin: 'minimal', 4944 radius: 0, 4945 padding: 0, 4946 border_w: 0, 4947 autoplay: false, 4948 counter: false, 4949 progressbar: true, 4950 carousel: true, 4951 slideshow: true 4952 }); 4953 4954 $(window).on('resize', function() 4955 { 4956 ResponsiveVideo('LayoutGrid3-video'); 4957 }); 4958 ResponsiveVideo('LayoutGrid3-video'); 4959}); 4960</script>
4960 4961</head> 4962<body> 4963<div id="container"> 4964<div id="Extension2-wrapper"> 4965<div id="Extension2-nav"> 4966<div id="Extension2-button"> 4967<span class="button-open"><i class="fa fa-th-large"></i>CONTACT</span> 4968<span class="button-close"><i class="fa fa-arrow-circle-o-up"></i>FERMEZ</span> 4969</div> 4970<div id="Extension2-menu"> 4971<a class="menu-item" href="./contact.php" title="Email"> 4972<div class="menu-item-inner"> 4973<div class="menu-item-icon"> 4974<i class="fa fa-envelope"></i></div> 4975<div class="menu-item-title">Email</div> 4976</div> 4977</a> 4978<a class="menu-item" href="https://www.youtube.com/channel/UChC1cfuFKsekaIOxGKNR4uQ" target="_blank" title="Youtube"> 4979<div class="menu-item-inner"> 4980<div class="menu-item-icon"> 4981<i class="fa fa-youtube-play"></i></div> 4982<div class="menu-item-title">Youtube</div> 4983</div> 4984</a> 4985<a class="menu-item" href="./tel.php" target="_top" title="Tel"> 4986<div class="menu-item-inner"> 4987<div class="menu-item-icon"> 4988<i class="fa fa-phone"></i></div> 4989<div class="menu-item-title">Tel</div> 4990</div> 4991</a> 4992</div> 4993</div> 4994</div> 4995 4996</div> 4997<div id="wb_LayoutGrid2"> 4998<div id="LayoutGrid2"> 4999<div class="row"> 5000<div class="col-1"> 5001<div id="wb_Image1" style="display:inline-block;width:100%;height:auto;z-index:0;"> 5002<a href="./index.php"><img src="images/logo off.png" id="Image1" alt="" width="213" height="101"></a> 5003</div> 5004<div id="wb_Text13"> 5005<span style="color:#FFFFFF;font-family:Boogaloo;font-size:19px;">04 73 82 03 18</span> 5006</div> 5007</div> 5008<div class="col-2"> 5009<div id="wb_ResponsiveMenu1" style="display:inline-block;width:100%;z-index:2;"> 5010<label class="toggle" for="ResponsiveMenu1-submenu" id="ResponsiveMenu1-title">Menu<span id="ResponsiveMenu1-icon"><span> </span><span> </span><span> </span></span></label> 5011<input type="checkbox" id="ResponsiveMenu1-submenu"> 5012<ul class="ResponsiveMenu1" id="ResponsiveMenu1" role="menu"> 5013<li role="menuitem"><a href="./viecommunale.php"><i class="fa fa-home fa-2x"> </i><br>VIE COMMUNALE</a></li> 5014<li role="menuitem"><a href="./servicesmunicipaux.php"><i class="fa fa-sign-language fa-2x"> </i><br>SERVICES MUNICIPAUX</a></li> 5015<li role="menuitem"><a href="./vivrealaforie.php"><i class="fa fa-tree fa-2x"> </i><br>VIVRE A LA FORIE</a></li> 5016<li role="menuitem"><a href="./guidepratique.php"><i class="fa fa-id-card-o fa-2x"> </i><br>GUIDE PRATIQUE</a></li> 5017<li role="menuitem"><a href="./photos.php"><i class="fa fa-camera-retro fa-2x"> </i><br>PHOTOS</a></li> 5018<li role="menuitem"> 5019<label for="ResponsiveMenu1-submenu-0" class="toggle"><i class="fa fa-unlink fa-2x"> </i>NOS LIENS<b class="arrow-down"></b></label> 5020<a href="javascript:void(0)"><i class="fa fa-unlink fa-2x"> </i><br>NOS LIENS<b class="arrow-down"></b></a> 5021<input type="checkbox" id="ResponsiveMenu1-submenu-0"> 5022<ul role="menu"> 5023<li role="menuitem"><a href="https://comparateur-ade.com/aides-au-logement" target="_blank">Aides aux logements - ADE</a></li> 5024<li role="menuitem"><a href="https://www.ambertlivradoisforez.fr/" target="_blank">AMBERT LIVRADOIS FOREZ</a></li> 5025<li role="menuitem"><a href="https://www.puy-de-dome.fr/conseil-departemental-du-puy-de-dome.html" target="_blank">Département Puy-de-Dôme</a></li> 5026<li role="menuitem"><a href="https://www.auvergnerhonealpes.fr/" target="_blank">Région Auvergne Rhône Alpes</a></li> 5027</ul> 5028</li> 5029<li role="menuitem"><a href="./nostalgie.php"><i class="fa fa-save fa-2x"> </i><br>NOSTALGIE</a></li> 5030<li role="menuitem"><a href="./marchepublic.php"><i class="fa fa-gavel fa-2x"> </i><br>MARCHÃS PUBLICS</a></li> 5031</ul> 5032 5033</div> 5034</div> 5035</div> 5036</div> 5037</div> 5038<div id="wb_LayoutGrid3"> 5039<div id="LayoutGrid3-video"><video src="bando2026.mp4" autoplay loop muted playsinline></video> 5040</div> 5041<div id="LayoutGrid3"> 5042<div class="col-1"> 5043<div id="wb_Text12"> 5044<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:27px;"><em>Les histoires sont comme les sources : <br>elles courent sous terre et rejaillissent où on ne les attend pas !<br></em></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:13px;"><em><br></em></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><em>Henri Pourrat</em></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:27px;"><em><br></em></span><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:32px;"><br>Bienvenue à </span><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:53px;"><br></span><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:107px;">LA FORIE</span> 5045</div> 5046</div> 5047</div> 5048</div> 5049<div id="wb_LayoutGrid6"> 5050<div id="LayoutGrid6"> 5051<div class="row"> 5052<div class="col-1"> 5053<div id="wb_Text4"> 5054<span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:43px;">les actualitÃs de la forie</span> 5055</div> 5056</div> 5057</div> 5058</div> 5059</div> 5060<div id="wb_LayoutGrid4"> 5061<div id="LayoutGrid4"> 5062<div class="row"> 5063<div class="col-1"> 5064<div id="wb_Image6" style="display:inline-block;width:100%;height:auto;z-index:55;"> 5065<img src="images/Gemini_Generated_Image_7y2hcs7y2hcs7y2h.png" id="Image6" alt="" width="1280" height="413"> 5066</div> 5067<div id="wb_Accordion1" style="display:inline-block;width:100%;z-index:56;"> 5068<div id="Accordion1"> 5069<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Transfert de la gestion du service de lâeau potable</h4> 5070<div> 5071<div id="wb_Text17"> 5072<div id="Text17-max-width"> 5073<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:24px;"><strong>NOTE DâINFORMATION AUX ADMINISTRÃS </strong></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong><br>Transfert de la gestion du service de lâeau potable au Syndicat Intercommunal dâadduction dâeau potable du Fossat<br></strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br></strong>Madame, Monsieur,<br><br>La municipalité tient à vous informer quâà compter du 1er octobre 2026, la gestion du service de lâeau potable de la commune sera assurée par le Syndicat du Fossat. Ce transfert de compétence fait suite à lâarrêté n° 2026-08 pris par la sousâpréfecture dâAmbert en date du 6 juillet 2026.<br><strong><br></strong></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Pourquoi ce transfert ?</strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br><br></strong>La gestion de lâeau potable est une compétence technique et réglementaire de plus en plus exigeante.<br>Les obligations de contrôle sanitaire, les normes de qualité, ainsi que le montage et le suivi des dossiers de demande de subvention nécessaires aux travaux dâentretien et de renouvellement des réseaux sont devenus dâune complexité croissante, difficilement soutenable pour une petite commune comme la nôtre, agissant seule et avec des moyens humains et techniques limités.<br><br>Dans ce contexte, le rattachement à un syndicat intercommunal tel que le Syndicat du Fossat nâest aujourdâhui plus véritablement une option laissée à lâappréciation de chaque commune, mais sâimpose de fait : seule une structure mutualisée dispose des ressources techniques, administratives et financières permettant dâassurer un service de qualité, de répondre aux exigences réglementaires et de mener à bien les investissements nécessaires.<br><br>Ce transfert traduit donc une volonté politique claire : celle de garantir, sur le long terme, un service de lâeau fiable, de qualité et correctement financé, en mutualisant les moyens à lâéchelle intercommunale plutôt quâen maintenant une gestion communale isolée devenue difficilement tenable.<br><strong><br></strong></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Ce qui change pour vous</strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br><br></strong>à compter du 1er octobre 2026, le Syndicat du Fossat deviendra votre interlocuteur pour toute question relative à lâeau potable (facturation, interventions techniques, raccordements, réclamations). Vos démarches habituelles auprès de la mairie pour ces sujets seront donc désormais à adresser directement au syndicat, dont les coordonnées figurent ciâdessous.<br>La continuité et la qualité du service vous sont garanties durant et après cette transition.<br><strong><br></strong></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Coordonnées : <br>SIAEP du Fossat â 28 La Paterie â 63480 Marat<br>Secrétariat ouvert du lundi au vendredi de 9h à 12h<br>Tél : 04 73 95 26 34<br>https://siaepdufossat.fr<br></strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br></strong>La municipalité reste à votre disposition pour tout complément dâinformation et vous remercie de votre compréhension.<strong><br><br>2 rue de lâÃcole<br>63600 â LA FORIE<br>Tél : 04 73 82 03 18<br>Mail : [email protected]<br><br>Le Maire <br>JeanâLuc Di Marco<br>Mairie de La Forie â 63 (PuyâdeâDôme)</strong></span> 5074</div> 5075</div> 5076</div> 5077<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Coupures d'eau ponctuelles liées à une fuite sur le réseau</h4> 5078<div> 5079<div id="wb_Image33" style="display:inline-block;width:100%;height:auto;z-index:6;"> 5080<img src="images/alerte.png" id="Image33" alt="" width="1280" height="1095"> 5081</div> 5082<div id="wb_Text19"> 5083<div id="Text19-max-width"> 5084<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:32px;"><strong>ALERTE</strong></span> 5085</div> 5086</div> 5087<div id="wb_Image16" style="display:inline-block;width:100%;height:auto;z-index:8;"> 5088<img src="images/fuite.jpg" id="Image16" alt="" width="1280" height="515"> 5089</div> 5090<div id="wb_Text7"> 5091<div id="Text7-max-width"> 5092<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Mesdames, Messieurs,<br><br>Dans le contexte, en plus de la sécheresse actuelle, une fuite importante a été détectée sur le réseau d'eau potable de la commune. Des équipes interviennent afin de la localiser et d'y remédier dans les meilleurs délais.<br><br>Afin de permettre ces recherches, des coupures d'eau ponctuelles s
5092ont susceptibles d'intervenir pendant ces recherches et ce à compter du </span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>25 septembre 2026. </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Nous vous prions de bien vouloir nous excuser pour la gêne occasionnée.<br><br>Nous vous remercions par avance de bien vouloir </span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>limiter votre consommation d'eau au strict nécessaire </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">durant cette période, afin de préserver la ressource et de faciliter la détection de la fuite.<br><br>Nous ne manquerons pas de vous tenir informés de l'évolution de la situation et vous remercions de votre compréhension.<br><br>Nous vous prions d'agréer, Mesdames, Messieurs, l'expression de nos salutations distinguées.<br><strong><br></strong></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Le Maire</strong></span> 5093</div> 5094</div> 5095<div id="wb_Image41" style="display:inline-block;width:100%;height:auto;z-index:10;"> 5096<img src="images/Maire La Forie 63 018.png" id="Image41" alt="" width="1280" height="1280"> 5097</div> 5098</div> 5099<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>semaine européenne du développement durable 2026</h4> 5100<div> 5101<div id="wb_Image14" style="display:inline-block;width:100%;height:auto;z-index:11;"> 5102<img src="images/seddd.jpg" id="Image14" alt="" width="1280" height="1822"> 5103</div> 5104</div> 5105<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>un constat préoccupant de la situation hydrique </h4> 5106<div> 5107<div id="wb_Text26"> 5108<div id="Text26-max-width"> 5109<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong>Dans une rencontre « face à la rédaction » à La Montagne, à Clermont-Ferrand, la préfète du Puy-de-Dôme Anne Frackowiak-Jacobs a dressé un constat préoccupant de la situation hydrique du territoire</strong></span> 5110</div> 5111</div> 5112<div id="wb_MediaPlayer2" style="display:inline-block;width:100%;z-index:13;"> 5113<video id="MediaPlayer2" controls preload="auto"> 5114<source src="montagne.mp4" type="video/mp4"> 5115</video> 5116 5117</div> 5118</div> 5119<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Les parcelles forestières </h4> 5120<div> 5121<div id="wb_Text23"> 5122<div id="Text23-max-width"> 5123<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:27px;"><strong>INFORMATION</strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><br>Les parcelles forestières situées sur la commune de La Forie sont bien éligibles aux aides SylvâACCTES depuis que la commune a choisi dâadhérer au syndicat mixte du Parc, et ce sans attendre le classement officiel.</span> 5124</div> 5125</div> 5126<div id="wb_Image28" style="display:inline-block;width:100%;height:auto;z-index:15;"> 5127<a href="https://www.parc-livradois-forez.org/valoriser/foret-filiere-bois/sylvacctes/je-suis-proprietaire-forestier/" target="_blank"><img src="images/ensavoir%2b.png" id="Image28" alt="" width="1280" height="311"></a> 5128</div> 5129<div id="wb_Image40" style="display:inline-block;width:100%;height:auto;z-index:16;"> 5130<img src="images/PNR.jpg" id="Image40" alt="" width="1280" height="852"> 5131</div> 5132</div> 5133<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Restrictions et bon usage de l'eau potable</h4> 5134<div> 5135<div id="wb_Image34" style="display:inline-block;width:100%;height:auto;z-index:17;"> 5136<img src="images/eau1.png" id="Image34" alt="" width="1280" height="726"> 5137</div> 5138<div id="wb_Text25"> 5139<div id="Text25-max-width"> 5140<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:27px;"><strong>AVIS AUX HABITANTS</strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br>Restrictions et bon usage de l'eau potable<br>La Forie, le 12/09/2026<br>Madame, Monsieur,<br>La Municipalité informe les habitants de la commune que le niveau des sources alimentant le réseau d'eau potable est actuellement faible. Cette situation, liée aux conditions météorologiques et de sécheresse observées, impose à chacun d'adopter dès à présent un comportement responsable et économe dans sa consommation d'eau.<br>Il est ainsi demandé à chaque foyer dâ interdire, dans la mesure du possible :<br>l'arrosage des jardins et espaces verts ; le remplissage des piscines et bassins d'agrément (interdiction); le lavage des véhicules ; plus généralement, tout usage non essentiel de l'eau potable.<br>La Municipalité reste attentive à l'évolution de la situation et ne manquera pas de tenir la population informée, notamment si des mesures de restriction plus contraignantes devaient être prises.<br>
5140Nous comptons sur la compréhension et la vigilance de chacun pour préserver cette ressource commune, indispensable à tous.<br>Pour tout renseignement complémentaire, vous pouvez contacter la mairie au 04 73 82 03 18 ou par courriel à [email protected].<br>Un arrêté municipal va être pris<br>Nous vous prions d'agréer, Madame, Monsieur, l'expression de nos salutations distinguées.<br><br></strong></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Le Maire,<br>Jean-Luc Di Marco</strong></span> 5141</div> 5142</div> 5143<div id="wb_Image39" style="display:inline-block;width:100%;height:auto;z-index:19;"> 5144<img src="images/Maire La Forie 63 018.png" id="Image39" alt="" width="1280" height="1280"> 5145</div> 5146</div> 5147<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>UN GRAND MERCI à NOS BÃNÃVOLES ! </h4> 5148<div> 5149<div id="wb_Text44"> 5150<div id="Text44-max-width"> 5151<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;"><strong>Ce matin, nos mauvaises herbes ont enfin compris quâelles nâétaient pas les plus fortes ! </strong></span> 5152</div> 5153</div> 5154<div id="wb_Image3" style="display:inline-block;width:100%;height:auto;z-index:21;"> 5155<img src="images/01.jpg" id="Image3" alt="" width="1280" height="606"> 5156</div> 5157<div id="wb_Text45"> 5158<div id="Text45-max-width"> 5159<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Un immense merci à toutes celles et ceux qui sont venus donner un coup de main pour nettoyer le cimetière.</span> 5160</div> 5161</div> 5162<div id="wb_Image22" style="display:inline-block;width:100%;height:auto;z-index:23;"> 5163<img src="images/02.jpg" id="Image22" alt="" width="1280" height="960"> 5164</div> 5165<div id="wb_Text46"> 5166<div id="Text46-max-width"> 5167<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Dans la bonne humeur, avec des râteaux, des binettes, des gants⦠et surtout beaucoup de bonne volonté, nous avons passé une matinée à la fois utile et conviviale.<br>Votre présence montre une nouvelle fois que dans un petit village, la solidarité nâest pas un vain mot.<br>Le cimetière est un lieu de mémoire et de respect. <br>Grâce à vous, il a retrouvé un peu plus de soin et de dignité.</span> 5168</div> 5169</div> 5170<div id="wb_Image38" style="display:inline-block;width:100%;height:auto;z-index:25;"> 5171<img src="images/03.jpg" id="Image38" alt="" width="1280" height="960"> 5172</div> 5173<div id="wb_Text47"> 5174<div id="Text47-max-width"> 5175<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Merci pour votre temps, votre énergie et votre gentillesse.<br>Et rassurez-vous⦠les mauvaises herbes ont déjà demandé un droit de réponse !<br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Le Maire</strong></span> 5176</div> 5177</div> 5178<div id="wb_Image31" style="display:inline-block;width:100%;height:auto;z-index:27;"> 5179<img src="images/Maire La Forie 63 018.png" id="Image31" alt="" width="1280" height="1280"> 5180</div> 5181</div> 5182<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Arrêté préfectoral instaurant des mesures de restriction des usages de l'eau</h4> 5183<div> 5184<div id="wb_Text35"> 5185<div id="Text35-max-width"> 5186<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;">Le 31 juillet 2026, le préfet coordonnateur du bassin Loire - Bretagne, préfet de la région Centre-Val de Loire, préfet du Loiret, a demandé aux préfets de département de passer l'axe Loire - Allier en alerte renforcée, suite à la baisse du débit de la Loire à Gien en dessous du seuil d'alerte renforcée. <br><br>Le secrétaire général de la préfecture du Puy-de-Dôme a signé l'arrêté n° 20261296 en date du 3 août 2026 instaurant les mesures de restriction des usages de l'eau dans le département, applicable à partir du 5 août 2026. Il abroge l'arrêté n°20261258 en date du 28 juillet 2026. <br><br>Cet arrêté renforce les mesures de restriction sur les territoires suivants : <br>⢠passage de l'alerte à l'alerte renforcée sur la zone hydrographique n°1 - Axe Allier, <br>⢠et par voie de conséquence, passage de l'alerte à l'alerte renforcée sur la zone eaux souterraines - AEP n°A Nappe Allier. <br>Les autres zones (eaux superficielles et eaux souterraines - eaux potables) conservent le niveau de restriction validé dans le précédent arrêté.<br><br>Ce document est téléchargeable sur le site internet des services de l'Etat et à partir de CE LIEN</span> 5187</div> 5188</div> 5189<div id="wb_Image5" style="display:inline-block;width:100%;height:auto;z-index:29;"> 5190<a href="https://www.puy-de-dome.gouv.fr/Actions-de-l-Etat/Environnement-eau-prevention-des-risques-energie/Eau/Secheresse/Etat-actuel-de
5190-la-situation-hydrologique-dans-le-Puy-de-Dome" target="_blank"><img src="images/lien.png" id="Image5" alt="" width="1280" height="1280"></a> 5191</div> 5192<div id="wb_Text30"> 5193<div id="Text30-max-width"> 5194<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;">Plaquettes de communication avec CE LIEN </span> 5195</div> 5196</div> 5197<div id="wb_Image13" style="display:inline-block;width:100%;height:auto;z-index:31;"> 5198<a href="https://www.puy-de-dome.gouv.fr/Actions-de-l-Etat/Environnement-eau-prevention-des-risques-energie/Eau/Secheresse/Etat-actuel-de-la-situation-hydrologique-dans-le-Puy-de-Dome/Mesures-de-restriction-des-usages-de-l-eau" target="_blank"><img src="images/lien.png" id="Image13" alt="" width="1280" height="1280"></a> 5199</div> 5200<div id="wb_Text31"> 5201<div id="Text31-max-width"> 5202<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;">Afin de faciliter la compréhension et connaître le niveau de restriction qui sâapplique sur sa commune et pour son usage de lâeau, le site </span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;">VigiEau </span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;">est régulièrement mis à jour.</span> 5203</div> 5204</div> 5205<div id="wb_Image29" style="display:inline-block;width:100%;height:auto;z-index:33;"> 5206<a href="https://vigieau.gouv.fr/" target="_blank"><img src="images/lien.png" id="Image29" alt="" width="1280" height="1280"></a> 5207</div> 5208<div id="wb_Text5"> 5209<div id="Text5-max-width"> 5210<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;">Les services de lâÃtat poursuivent le suivi quotidien de la situation hydrologique du département afin dâêtre réactifs selon l'évolution de la situation. <br>Pour toutes questions et/ou remarques, vous pouvez envoyer un message à la boite suivante : <br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;">[email protected] </span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;"><br>Bien cordialement.<br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;">Service eau environnement forêt / bureau politique territoriale de l'eau</span> 5211</div> 5212</div> 5213</div> 5214<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Entretien des bandes de servitude des canalisations de transport de gaz naturel</h4> 5215<div> 5216<div id="wb_Image37" style="display:inline-block;width:100%;height:auto;z-index:35;"> 5217<img src="images/gaz.jpg" id="Image37" alt="" width="1280" height="2103"> 5218</div> 5219</div> 5220<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Arrêtés fauchage, feux dâartifice et stationnement</h4> 5221<div> 5222<div id="wb_Image18" style="display:inline-block;width:100%;height:auto;z-index:36;"> 5223<img src="images/feux.png" id="Image18" alt="" width="1280" height="562"> 5224</div> 5225<div id="wb_Text28"> 5226<div id="Text28-max-width"> 5227<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Lâarrêté préfectoral nºDDPPâSTPRRâARTâ2026â0728â0828 interdit temporairement le fauchage et les travaux par points chauds sur lâensemble du réseau routier du PuyâdeâDôme, en raison des risques élevés dâincendie liés à la sécheresse et à la canicule (« risques de déclenchement dâincendie liés au fauchage⦠»).<br>Il abroge un précédent arrêté du 17 juillet 2026.<br>Sont concernés tous les gestionnaires routiers : sociétés dâautoroutes, collectivités, communes, etc.<br>Les travaux interdits incluent le fauchage, la soudure, le meulage, le découpage, le désherbage thermique et tout procédé générant flamme, étincelles ou chaleur (« travaux nécessitant lâusage dâune flamme⦠»).<br>Des dérogations sont possibles uniquement pour des raisons de sécurité des usagers, dans des situations précises et limitées.<br>En cas de dérogation, le gestionnaire doit pouvoir intervenir immédiatement en cas de départ de feu et assurer une surveillance après travaux.<br>Lâarrêté est applicable du 30 juillet au 28 août 2026 inclus.<br>Les infractions seront constatées par les forces de lâordre.<br>Le texte sera publié au recueil des actes administratifs de la préfecture.<br>Les voies de recours sont ouvertes pendant deux mois auprès du Tribunal administratif de ClermontâFerrand.</span> 5228</div> 5229</div> 5230<div id="wb_Image19" style="display:inline-block;width:100%;height:auto;z-index:38;"> 5231<a href="./interdiction temporaire de fauchage et de travaux par points chauds.pdf" target="_blank"><img src="images/282100.png" id="Image19" alt="" width="1280" height="1280"></a> 5232</div> 5233<div id="wb_Text37"> 5234<div id="Text37-max-width"> 5235<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Télécharger l' arrêté </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br></strong></span> 5236</div> 5237</div> 5238<div id="wb_Image30" style="display:inline-block;width:100%;height:auto;z-index:40;"> 5239<img src="images/arti.png" id="Image30" alt="" width="1280" height="585"> 5240</div> 5241<div id="wb_Text42"> 5242<div id="Text42-max-width"> 5243<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Lâarrêté interdit, du 30 juillet au 28 août 2026, lâorganisation de feux festifs en plein air ainsi que lâusage de désherbeurs thermiques, en raison dâun risque très élevé dâincendie lié à la sécheresse et aux fortes chaleurs (« plus de 300 interventions pour des feux de végétaux »).<br>Les feux dâartifice autorisés par les maires doivent respecter des conditions strictes : tir à plus de 200 m des zone
5243s végétalisées, mouillage obligatoire de la zone, présence dâun extincteur à eau, et mise à disposition dâune citerne.<br>En cas de vigilance « danger élevé (orange) » ou « très élevé (rouge) » selon Météo des Forêts, tout feu dâartifice est interdit.<br>Les organisateurs sont pleinement responsables des mesures de sécurité, sans solliciter le SDIS déjà fortement mobilisé.<br>Les tirs au-dessus de parcelles cultivées exigent un déchaumage complet sur au moins 100 m.<br>Toute infraction est passible dâune contravention de 2ème classe.<br>Lâarrêté précédent du 17 juillet 2026 est abrogé.<br>Les autorités locales (sousâpréfets, police, gendarmerie, ONF, OFB, maires) sont chargées de son application.<br>Des voies de recours administratifs ou contentieux sont possibles dans un délai de 2 mois.</span> 5244</div> 5245</div> 5246<div id="wb_Image36" style="display:inline-block;width:100%;height:auto;z-index:42;"> 5247<a href="./reglementation temporaire de tir de feux d'artifices et dallumage de feux d'artifices et dallumage de feux festifs et des desherbeurs thermiques en raison du risque de depart de feu.pdf" target="_blank"><img src="images/282100.png" id="Image36" alt="" width="1280" height="1280"></a> 5248</div> 5249<div id="wb_Text41"> 5250<div id="Text41-max-width"> 5251<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Télécharger l' arrêté </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br></strong></span> 5252</div> 5253</div> 5254<div id="wb_Image35" style="display:inline-block;width:100%;height:auto;z-index:44;"> 5255<img src="images/voiture.png" id="Image35" alt="" width="1280" height="698"> 5256</div> 5257<div id="wb_Text39"> 5258<div id="Text39-max-width"> 5259<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">La préfète du PuyâdeâDôme interdit la circulation et le stationnement des véhicules motorisés à moteur thermique dans les massifs forestiers.<br>Cette mesure vise à prévenir les incendies de forêt en période de risque exceptionnel.<br>Les massifs concernés sont définis comme des zones arborées de plus de 10 % de couvert et dâau moins 0,5 ha.<br>Lâinterdiction sâapplique du 30 juillet au 30 août 2026 inclus.<br>Seuls les véhicules circulant sur des chemins non revêtus sont concernés.<br>Plusieurs dérogations sont prévues : propriétaires, activités agricoles ou forestières, services publics, prestataires liés à des occupants, parapente/montgolfière, utilisateurs de canoës.<br>Lâobjectif est de limiter la fréquentation motorisée pour faciliter la surveillance et la lutte contre les feux.<br>Les contrevenants encourent les sanctions prévues par le code forestier (articles L163â4 et R163â2).<br>Plusieurs autorités départementales sont chargées de lâexécution de lâarrêté.<br>Des voies de recours administratifs ou contentieux sont ouvertes dans un délai de deux mois.</span> 5260</div> 5261</div> 5262<div id="wb_Image27" style="display:inline-block;width:100%;height:auto;z-index:46;"> 5263<a href="./reglementation temporaire de tir de feux d'artifices et dallumage de feux d'artifices et dallumage de feux festifs et des desherbeurs thermiques en raison du risque de depart de feu.pdf" target="_blank"><img src="images/282100.png" id="Image27" alt="" width="1280" height="1280"></a> 5264</div> 5265<div id="wb_Text43"> 5266<div id="Text43-max-width"> 5267<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Télécharger l' arrêté </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong><br></strong></span> 5268</div> 5269</div> 5270</div> 5271<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Campagne de chasse 2026/2027</h4> 5272<div> 5273<div id="wb_Image32" style="display:inline-block;width:100%;height:auto;z-index:48;"> 5274<img src="images/chasse.png" id="Image32" alt="" width="1280" height="543"> 5275</div> 5276<div id="wb_Text11"> 5277<div id="Text11-max-width"> 5278<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;"><strong>Vous trouverez, ci-joint, lâarrêté préfectoral relatif à lâouverture et à la clôture de la chasse dans le département du Puy-de-Dôme, pour la campagne 2026/2027, accompagné de lâavis annuel.</strong></span> 5279</div> 5280</div> 5281<div id="wb_Text16"> 5282<div id="Text16-max-width"> 5283<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;">Télécharger </span> 5284</div> 5285</div> 5286<div id="wb_Image10" style="display:inline-block;width:100%;height:auto;z-index:51;"> 5287<a href="./chasse2026.pdf" target="_blank"><img src="images/ensavoir%2b.png" id="Image10" alt="" width="1280" height="311"></a> 5288</div> 5289</div> 5290<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>Travaux de réhabilitation</h4> 5291<div> 5292<div id="wb_Text27"> 5293<div id="Text27-max-width"> 5294<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:21px;"><strong>Les travaux de réhabilitation de lâancienne cure, transformée en mairie et en logement, avancent à grands pas. <br>Retrouvez tous les détails un peu plus bas, sur cette page, accompagnés de photos, de vidéos et de plans.</strong></span> 5295</div> 5296</div> 5297<div id="wb_YouTube2" style="display:inline-block;width:100%;z-index:53;"> 5298<iframe id="YouTube2" src="https://www.youtube.com/embed/sOLfbTxwK7Y?si=Hrb-wp_NHuEw13in?rel=0&loop=1&playlist=sOLfbTxwK7Y&ap=%2526fmt%3D18&autohide=0"></iframe> 5299 5300</div> 5301</div> 5302<h4><i class="fa fa-arrow-circle-down accordion-icon"></i>ARRÃTà INTERDISANT LA BAIGNADE LIBRE</h4> 5303<div> 5304<div id="wb_Text8"> 5305<div id="Text8-max-width"> 5306<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>ARRÃTà INTERDISANT LA BAIGNADE LIBRE</strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><br>Commune de La Forie â Puy-de-Dôme <br>Reçu le 26/06/2026<br><br>Monsieur le Maire de la commune de La Forie,<br><br>Vu le Code de la santé publique, notamment ses articles L.1332-1 et L.1332-2 relatifs aux piscines et baignades,<br>Vu le Code Général des Collectivités Territoriales et notamment les articles L.2212-1 à L.2212-5 et L.2213-23 relatifs aux dispositions générales en matière de pouvoirs de police du Maire,<br>Vu lâensemble des mesures prises par la préfecture du Puy-de-Dôme,<br>Vu le code pénal, notamment lâarticle R 610-5,<br><br>Considérant que les berges de la rivière « Le Batifol » ainsi que les biefs ne sont ni aménagés, ni surveillés pour la baignade et que ces cours dâeau sâavèrent dangereux pour les utilisateurs,<br>Considérant que les barrages installés sur le Batifol présentent un risque de chute important,<br><br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>ARRÃTE</strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Article 1 : </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Il est formellement interdit de se baigner dans le cours dâeau « Le Batifol » ainsi que dans les biefs de la commune pour des raisons de sécurité.<br><br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Article 2 : </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">
5306Pour des raisons de sécurité, lâaccès aux berges est interdit à lâexception de la pratique de lâactivité de pêche.<br><br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Article 3 : </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Toute infraction aux dispositions du présent arrêté sera constatée et poursuivie conformément aux dispositions de lâarticle du Code pénal mentionné ci-dessus. Des panneaux de signalisation seront mis en place en tous lieux jugés opportuns pour matérialiser la présente interdiction.<br><br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Article 4 : </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Le présent arrêté sera affiché en mairie et diffusé sur le site internet de la commune.<br><br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Article 5 : </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Le maire, le chef de brigade de Gendarmerie dâAmbert, sont chargés, chacun en ce qui les concerne, de lâexécution du présent arrêté.<br><br></span><span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:19px;"><strong>Article 6 : </strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;">Ampliation du présent arrêté sera transmise à :<br>â Madame la Préfète du Puy-de-Dôme<br>â Monsieur le Commandant de la brigade de gendarmerie dâAmbert<br><br>Fait à La Forie, le 26 juin 2026<br>JeanâLuc DI MARCO <br>Le Maire</span> 5307</div> 5308</div> 5309</div> 5310</div> 5311 5312</div> 5313</div> 5314</div> 5315</div> 5316</div> 5317<div id="wb_LayoutGrid8"> 5318<div id="LayoutGrid8"> 5319<div class="row"> 5320<div class="col-1"> 5321<div id="wb_Text10"> 5322<div id="Text10-max-width"> 5323<span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:37px;">Réhabilitation de l'ancienne cure en mairie et logement</span> 5324</div> 5325</div> 5326</div> 5327</div> 5328</div> 5329</div> 5330<div id="wb_LayoutGrid1"> 5331<div id="LayoutGrid1"> 5332<div class="row"> 5333<div class="col-1"> 5334<div id="Tabs1" style="display:inline-block;width:100%;z-index:119;"> 5335<ul> 5336<li><a href="#tabs1-page-1"><span>Simulation</span></a></li> 5337<li><a href="#tabs1-page-2"><span>Plan de masse</span></a></li> 5338<li><a href="#tabs1-page-3"><span>Plan mairie</span></a></li> 5339<li><a href="#tabs1-page-4"><span>Plan appartement</span></a></li> 5340<li><a href="#tabs1-page-5"><span>Photos</span></a></li> 5341<li><a href="#tabs1-page-6"><span>Vidéos 1</span></a></li> 5342<li><a href="#tabs1-page-7"><span>Vidéo 2</span></a></li> 5343</ul> 5344<div id="tabs1-page-1"> 5345<div id="wb_Image21" style="display:inline-block;width:100%;height:auto;z-index:108;"> 5346<a href="./images/AXONOMETRIE.png" target="_blank"><img src="images/AXONOMETRIE.png" id="Image21" alt="" width="1270" height="941"></a> 5347</div> 5348<div id="wb_Text20"> 5349<div id="Text20-max-width"> 5350<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;"><strong>Cliquer sur le plan pour le télécharger </strong></span> 5351</div> 5352</div> 5353</div> 5354<div id="tabs1-page-2"> 5355<div id="wb_Image23" style="display:inline-block;width:100%;height:auto;z-index:110;"> 5356<a href="./PLAN MASSE.pdf" target="_blank"><img src="images/PLAN MASSE.jpg" id="Image23" alt="" width="1270" height="810"></a> 5357</div> 5358<div id="wb_Text22"> 5359<div id="Text22-max-width"> 5360<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;"><strong>Cliquer sur le plan pour le télécharger </strong></span> 5361</div> 5362</div> 5363</div> 5364<div id="tabs1-page-3"> 5365<div id="wb_Image25" style="display:inline-block;width:100%;height:auto;z-index:112;"> 5366<a href="./PLAN RDC.pdf" target="_blank"><img src="images/PLAN RDC.jpg" id="Image25" alt="" width="1280" height="812"></a> 5367</div> 5368<div id="wb_Text18"> 5369<div id="Text18-max-width"> 5370<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;"><strong>Cliquer sur le plan pour le télécharger </strong></span> 5371</div> 5372</div> 5373</div> 5374<div id="tabs1-page-4"> 5375<div id="wb_Image26" style="display:inline-block;width:100%;height:auto;z-index:114;"> 5376<a href="./PLAN R+1.pdf" target="_blank"><img src="images/PLAN R1.jpg" id="Image26" alt="" width="1270" height="804"></a> 5377</div> 5378<div id="wb_Text24"> 5379<div id="Text24-max-width"> 5380<span style="color:#3AB54A;font-family:'PT Sans Narrow';font-size:21px;"><strong>Cliquer sur le plan pour le télécharger </strong></span> 5381</div> 5382</div> 5383</div> 5384<div id="tabs1-page-5"> 5385<div id="wb_Extension1" style="display:inline-block;width:100%;z-index:116;"> 5386<div id="Extension1"> 5387 5388<a class="Extension1" href="images/Mairie19.jpg" title="Mairie19.jpg" data-lcl-txt="Démontage des cheminées. Toiture en mauvaise état." data-lcl-author="" data-lcl-thumb="images/Mairie19.jpg"><span style="background-image: url(images/Mairie19.jpg);"></span></a> 5389<a class="Extension1" href="images/Mairie17.jpg" title="Mairie17.jpg" data-lcl-txt="Démontage des cheminées. Toiture en mauvaise état." data-lcl-author="" data-lcl-thumb="images/Mairie17.jpg"><span style="background-image: url(images/Mairie17.jpg);"></span></a> 5390<a class="Extension1" href="images/Mairie18.jpg" title="Mairie18.jpg" data-lcl-txt="Démontage des cheminées. Toiture en mauvaise état." data-lcl-author="" data-lcl-thumb="images/Mairie18.jpg"><span style="background-image: url(images/Mairie18.jpg);"></span></a> 5391<a class="Extension1" href="images/Mairie16.jpg" title="Mairie16.jpg" data-lcl-txt="Cela prend forme !" data-lcl-author="" data-lcl-thumb="images/Mairie16.jpg"><span style="background-image: url(images/Mairie16.jpg);"></span></a> 5392<a class="Extension1" href="images/Mairie14.jpg" title="Mairie14.jpg" data-lcl-txt="Portes et fenêtres posées" data-lcl-author="" data-lcl-thumb="images/Mairie14.jpg"><span style="background-image: url(images/Mairie14.jpg);"></span></a> 5393<a class="Extension1" href="images/Mairie15.jpg" title="Mairie15.jpg" data-lcl-txt="Portes et fenêtres posées" data-lcl-author="" data-lcl-thumb="images/Mairie15.jpg"><span style="background-image: url(images/Mairie15.jpg);"></span></a> 5394<a class="Extension1" href="images/Mairie01.jpg" title="Mairie01.jpg" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/Mairie01.jpg"><span style="background-image: url(images/Mairie01.jpg);"></span></a> 5395<a class="Extension1" href="images/Mairie02.jpg" title="Mairie02.jpg" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/Mairie02.jpg"><span style="background-image: url(images/Mairie02.jpg);"></span></a> 5396<a class="Extension1" href="images/Mairie13.jpg" title="Mairie13.jpg" data-lcl-txt="Mauvaise surprise la mérule..." data-lcl-author="" data-lcl-thumb="images/Mairie13.jpg"><span style="background-image: url(images/Mairie13.jpg);"></span></a> 5397<a class="Extension1" href="images/Mairie12.jpg" title="Mairie12.jpg" data-lcl-txt="Le plancher du rez de chaussée est enlevé" data-lcl-author="" data-lcl-thumb="images/Mairie12.jpg"><span style="background-image: url(images/Mairie12.jpg);"></span></a> 5398<a class="Extension1" href="images/Mairie11.jpg" title="Mairie11.jpg" data-lcl-txt="Le plancher du rez de chaussée est enlevé" data-lcl-author="" data-lcl-thumb="images/Mairie11.jpg"><span style="background-image: url(images/Mairie11.jpg);"></span></a> 5399<a class="Extension1" href="images/Mairie10.jpg" title="Mairie10.jpg" data-lcl-txt="Percement pour la future entrée de la mairie" data-lcl-author="" data-lcl-thumb="images/Mairie10.jpg"><span style="background-image: url(images/Mairie10.jpg);"></span></a> 5400<a class="Extension1" href="images/Mairie09.jpg" title="Mairie09.jpg" data-lcl-txt="Percement pour la future entrée de la mairie" data-lcl-author="" data-lcl-thumb="images/Mairie09.jpg"><span style="background-image: url(images/Mairie09.jpg);"></span></a> 5401<a class="Extension1" href="images/Mairie08.jpg" title="Mairie08.jpg" data-lcl-txt="La porte d'entrée." data-lcl-author="" data-lcl-thumb="images/Mairie08.jpg"><span style="background-image: url(images/Mairie08.jpg);"></span></a> 5402<a class="Extension1" href="images/Mairie07.jpg" title="Mairie07.jpg" data-lcl-txt="La dalle de la cave est coulée" data-lcl-author="" data-lcl-thumb="images/Mairie07.jpg"><span style="background-image: url(images/Mairie07.jpg);"></span></a> 5403<a class="Extension1" href="images/Mairie06.jpg" title="Mairie06.jpg" data-lcl-txt="La dalle de la cave est coulée" data-lcl-author="" data-lcl-thumb="images/Mairie06.jpg"><span style="background-image: url(images/Mairie06.jpg);"></span></a> 5404<a class="Extension1" href="images/Mairie04.jpg" title="Mairie04.jpg" data-lcl-txt="La dalle du rez de chaussée" data-lcl-author="" data-lcl-thumb="images/Mairie04.jpg"><span style="background-image: url(images/Mairie04.jpg);"></span></a> 5405<a class="Extension1" href="images/Mairie03.jpg" title="Mairie03.jpg" data-lcl-txt="Dalle finie" data-lcl-author="" data-lcl-thumb="images/Mairie03.jpg"><span style="background-image: url(images/Mairie03.jpg);"></span></a> 5406 5407</div> 5408</div> 5409</div> 5410<div id="tabs1-page-6"> 5411<div id="wb_YouTube1" style="display:inline-block;width:100%;z-index:117;"> 5412<iframe id="YouTube1" src="https://www.youtube.com/embed/Zs1J-0HgdR0?si=efgDu2jf8oeDSx2w?rel=0&
5412ap=%2526fmt%3D18&autohide=0&fs=1" allowfullscreen></iframe> 5413 5414</div> 5415</div> 5416<div id="tabs1-page-7"> 5417<div id="wb_YouTube3" style="display:inline-block;width:100%;z-index:118;"> 5418<iframe id="YouTube3" src="https://www.youtube.com/embed/I-MHXcr5KWo?si=Fx_9tE_LqI7spn3n?rel=0&ap=%2526fmt%3D18&autohide=0&fs=1" allowfullscreen></iframe> 5419 5420</div> 5421</div> 5422</div> 5423</div> 5424</div> 5425</div> 5426</div> 5427<div id="wb_Features"> 5428<div id="Features"> 5429<div class="row"> 5430<div class="col-1"> 5431<div id="wb_PanelImage1" style="display:inline-block;width:100%;height:auto;z-index:131;"> 5432<img src="images/viecom.jpg" id="PanelImage1" alt="" width="290" height="218"> 5433</div> 5434<div id="wb_PanelText1"> 5435<span style="color:#2D94D1;font-family:'Bebas Neue';font-size:24px;">VIE COMMUNALE</span><span style="color:#000000;font-family:Arial;font-size:21px;"><strong><br></strong></span><span style="color:#000000;font-family:Arial;font-size:11px;"><strong><br></strong></span><span style="color:#000000;font-family:Boogaloo;font-size:16px;">Présentation de la commune<br>Le Conseil Municipal<br>Les Bulletins Municipaux<br>Actualités<br>Publications</span> 5436</div> 5437<div id="wb_Shape3" style="display:inline-block;width:100%;z-index:133;position:relative;"> 5438<a href="./viecommunale.php"><svg id="Shape3_hover" class="hover" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5439<defs> 5440 <path id="Shape3_hover-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5441</defs> 5442<use xlink:href="#Shape3_hover-shape" data-href="#Shape3_hover-shape" style="fill:#2D94D1;stroke:#FFFFFF;stroke-width:0"/> 5443</svg> 5444<span class="default"><svg id="Shape3" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5445<defs> 5446 <path id="Shape3-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5447</defs> 5448<use xlink:href="#Shape3-shape" data-href="#Shape3-shape" style="fill:#2D94D1;stroke:#0963AD;stroke-width:0"/> 5449</svg> 5450</span><div id="Shape3_text"><div><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:19px;">EN SAVOIR +</span></div></div></a> 5451</div> 5452</div> 5453<div class="col-2"> 5454<div id="wb_Image8" style="display:inline-block;width:100%;height:auto;z-index:134;"> 5455<img src="images/service.jpg" id="Image8" alt="" width="290" height="218"> 5456</div> 5457<div id="wb_PanelText2"> 5458<span style="color:#3AB54A;font-family:'Bebas Neue';font-size:24px;">SERVICES MUNICIPAUX</span><span style="color:#000000;font-family:Arial;font-size:21px;"><strong><br></strong></span><span style="color:#000000;font-family:Arial;font-size:11px;"><strong><br></strong></span><span style="color:#000000;font-family:Boogaloo;font-size:16px;">Organigramme des Services<br>Démarches Administratives<br>Marchés Publics - Urbanisme<br>Environnement<br>CCAS - Cimetière</span> 5459</div> 5460<div id="wb_Shape4" style="display:inline-block;width:100%;z-index:136;position:relative;"> 5461<a href="./servicesmunicipaux.php"><svg id="Shape4_hover" class="hover" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5462<defs> 5463 <path id="Shape4_hover-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5464</defs> 5465<use xlink:href="#Shape4_hover-shape" data-href="#Shape4_hover-shape" style="fill:#3AB54A;stroke:#FFFFFF;stroke-width:0"/> 5466</svg> 5467<span class="default"><svg id="Shape4" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5468<defs> 5469 <path id="Shape4-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5470</defs> 5471<use xlink:href="#Shape4-shape" data-href="#Shape4-shape" style="fill:#3AB54A;stroke:#0963AD;stroke-width:0"/> 5472</svg> 5473</span><div id="Shape4_text"><div><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:19px;">EN SAVOIR +</span></div></div></a> 5474</div> 5475</div> 5476<div class="col-3"> 5477<div id="wb_PanelImage3" style="display:inline-block;width:100%;height:auto;z-index:137;"> 5478<img src="images/vivre.jpg" id="PanelImage3" alt="" width="290" height="218"> 5479</div> 5480<div id="wb_Text1"> 5481<span style="color:#2D94D1;font-family:'Bebas Neue';font-size:24px;">VIVRE A LA FORIE</span><span style="color:#000000;font-family:Arial;font-size:21px;"><strong><br></strong></span><span style="color:#000000;font-family:Arial;font-size:11px;"><strong><br></strong></span><span style="color:#000000;font-family:Boogaloo;font-size:16px;">Evénements<br>Enfance<br>Activités Economiques<br>Santé - Sports et Loisirs<br>Numérique</span> 5482</div> 5483<div id="wb_Shape2" style="display:inline-block;width:100%;z-index:139;position:relative;"> 5484<a href="./vivrealaforie.php"><svg id="Shape2_hover" class="hover" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5485<defs> 5486 <path id="Shape2_hover-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5487</defs> 5488<use xlink:href="#Shape2_hover-shape" data-href="#Shape2_hover-shape" style="fill:#2D94D1;stroke:#FFFFFF;stroke-width:0"/> 5489</svg> 5490<span class="default"><svg id="Shape2" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5491<defs> 5492 <path id="Shape2-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5493</defs> 5494<use xlink:href="#Shape2-shape" data-href="#Shape2-shape" style="fill:#2D94D1;stroke:#0963AD;stroke-width:0"/> 5495</svg> 5496</span><div id="Shape2_text"><div><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:19px;">EN SAVOIR +</span></div></div></a> 5497</div> 5498</div> 5499<div class="col-4"> 5500<div id="wb_Image2" style="display:inline-block;width:100%;height:auto;z-index:140;"> 5501<img src="images/guide.JPG" id="Image2" alt="" width="290" height="218"> 5502</div> 5503<div id="wb_PanelText3"> 5504<span style="color:#3AB54A;font-family:'Bebas Neue';font-size:24px;">GUIDE PRATIQUE</span><span style="color:#000000;font-family:Arial;font-size:21px;"><strong><br></strong></span><span style="color:#000000;font-family:Arial;font-size:11px;"><br></span><span style="color:#000000;font-family:Boogaloo;font-size:16px;">Services au Public<br>Commerces<br>Restauration<br>Associations<br>Transports</span> 5505</div> 5506<div id="wb_Shape1" style="display:inline-block;width:100%;z-index:142;position:relative;"> 5507<a href="./guidepratique.php"><svg id="Shape1_hover" class="hover" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5508<defs> 5509 <path id="Shape1_hover-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5510</defs> 5511<use xlink:href="#Shape1_hover-shape" data-href="#Shape1_hover-shape" style="fill:#3AB54A;stroke:#FFFFFF;stroke-width:0"/> 5512</svg> 5513<span class="default"><svg id="Shape1" height="100%" width="100%" style="position:absolute;height:100%;width:100%;left:0;top:0;overflow:visible;" viewBox="0 0 290 67" version="1.1" xmlns="http://www.w3.org/2000/svg"> 5514<defs> 5515 <path id="Shape1-shape" d="M0 0 L290 0 L290 67 L0 67Z " vector-effect="non-scaling-stroke" /> 5516</defs> 5517<use xlink:href="#Shape1-shape" data-href="#Shape1-shape" style="fill:#3AB54A;stroke:#0963AD;stroke-width:0"/> 5518</svg> 5519</span><div id="Shape1_text"><div><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:19px;">EN SAVOIR +</span></div></div></a> 5520</div> 5521</div> 5522</div> 5523</div> 5524</div> 5525<div id="wb_LayoutGrid5"> 5526<div id="LayoutGrid5"> 5527<div class="row"> 5528<div class="col-1"> 5529<div id="wb_Text2"> 5530<span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:43px;">LA FORIE<br></span><span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:21px;">une jeune commune de 152 ans</span> 5531</div> 5532</div> 5533</div> 5534</div> 5535</div> 5536<div id="wb_sommenous"> 5537<div id="sommenous"> 5538<div class="row"> 5539<div class="col-1"> 5540<div id="wb_Shape5" style="display:inline-block;width:183px;
5540height:37px;z-index:144;position:relative;"> 5541<img src="images/img0014.png" id="Shape5" alt="" width="183" height="37" style="width:183px;height:37px;"> 5542</div> 5543<div id="wb_Image4" style="display:inline-block;width:100%;height:auto;z-index:145;"> 5544<img src="images/roueok1%282%29%282%29.gif" id="Image4" alt="" width="183" height="315"> 5545</div> 5546</div> 5547<div class="col-2"> 5548<div id="wb_Text3"> 5549<span style="color:#C0C0C0;font-family:'PT Sans Narrow';font-size:17px;"><em>« La Forie, câest un village à part : lâendroit des « faures », des fabricants. Comme Thiers, il est assis au débouché dâune gorge dâoù le torrent déboule. Mais ici aussi, ce taureau, on le fait travailler, on lâa mis à la meule. Dans les roches aux flancs polis, il grésille, tournoie, dâun vert dâÅuf de mésange ; puis repart, tout lancé, débonde furieusement, éclaboussant les épais lychnis à fleurs roses. Sous la rumeur des courants, des rouages, le battement des maillets roule comme le tam-tam dâune confuse assemblée dâhommes⦠»</em></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:16px;"><br><br>Ainsi sont décrits La Forie et Le Batifol, son ruisseau, par <strong>Henri Pourrat </strong>dans « Lâépopée de Guillaume Douarre », il parle des moulins, plusieurs dizaines autrefois, qui ont fait la richesse de notre terroir. <strong>Guillaume Douarre </strong>(1810-1853), enfant du village, sortit sain et sauf dâune chute dans un des moulins, il fit vÅu dâaller aux missions étrangères et deviendra premier évêque de Nouvelle-Calédonie.<br><br>Bien sûr, les forians, connaissent lâhistoire de leur commune, la plus petite de lâarrondissement, créée par une loi du 5 août 1874 grâce à la session de hameaux des communes de Job, Ambert et Valcivières. Cela ne sâest pas fait sans heurt. La Forie avait une certaine importance économique grâce à ses usines, moulinages de soie, fabriques de lacets, papeteries,â¦</span> 5550</div> 5551</div> 5552<div class="col-3"> 5553<div id="wb_Text9"> 5554<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:16px;">Lâéglise actuelle date de 1888. Le Saint patron des papetiers est Saint Roch.<br>Le monument à la mémoire de Guillaume Douarre se trouve en face de lâéglise et sa maison natale, dans les hauteurs du village.<br><br>Admirez lâarchitecture des anciens moulins au cours de vos promenades, chemin de La Boule, route dâAura ou chemin de La Boissonnie.<br>Arrivant dâAmbert par la RD 66, lâentrée du château de Planterose vestige dâun ancien château sera sur votre gauche.<br><br>Vous pourrez déguster les bons petits plats de Sébastien à lâAuberge, découvrir lâEpiforie, lâépicerie du village et sa terrasse au bord de lâeau et non loin goûter aux salaisons Bernard. <br>Deux entreprises sont encore liées indéfectiblement à lâindustrie de la tresse, les usines Joubert et Omerin. Et nâoublions pas nos éleveurs bovins, dignes descendants dâune tradition ancestrale.<br><br>Notre village est le point de départ de belles balades notamment le circuit « Le long du Batifol » qui débute devant lâAuberge, rejoint La Brousse, Louville, La Chevaleyre, Valcivières, Montgolfier puis se termine à La Forie après 3h et 9,5 km. <br>Amoureux de la nature, venez découvrir tous les trésors de notre village !...<br></span> 5555</div> 5556</div> 5557</div> 5558</div> 5559</div> 5560<div id="wb_LayoutGrid7"> 5561<div id="LayoutGrid7"> 5562<div class="row"> 5563<div class="col-1"> 5564<div id="wb_Text6"> 5565<div id="Text6-max-width"> 5566<span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:43px;">merci a nos partenaires</span> 5567</div> 5568</div> 5569</div> 5570</div> 5571</div> 5572</div> 5573<div id="wb_CardPartenaires"> 5574<div id="CardPartenaires" class="owl-carousel owl-theme"> 5575<div id="wb_Card4" style="display:flex;text-align:center;z-index:149;" class="card"> 5576 <div id="Card4-card-body"> 5577 <a href="https://www.ambertlivradoisforez.fr/" target="_blank"><img id="Card4-card-item0" src="images/alf.png" width="2684" height="480" alt="" title=""></a> 5578 </div> 5579</div> 5580<div id="wb_Card2" style="display:flex;text-align:center;z-index:150;" class="card"> 5581 <div id="Card2-card-body"> 5582 <a href="https://www.puy-de-dome.fr/conseil-departemental-du-puy-de-dome.html" target="_blank"><img id="Card2-card-item0" src="images/puydedome.png" width="2684" height="480" alt="" title=""></a> 5583 </div> 5584</div> 5585<div id="wb_Card3" style="display:flex;text-align:center;z-index:151;" class="card"> 5586 <div id="Card3-card-body"> 5587 <a href="https://www.auvergnerhonealpes.fr/" target="_blank"><img id="Card3-card-item0" src="images/region.png" width="2684" height="480" alt="" title=""></a> 5588 </div> 5589</div> 5590<div id="wb_Card6" style="display:flex;text-align:center;z-index:152;" class="card"> 5591 <div id="Card6-card-body"> 5592 <a href="https://www.edsolutions.fr/" target="_blank"><img id="Card6-card-item0" src="images/logoslideok1.png" width="2394" height="480" alt="" title=""></a> 5593 </div> 5594</div> 5595<div id="wb_Card1" style="display:flex;text-align:center;z-index:153;" class="card"> 5596 <div id="Card1-card-body"> 5597 <a href="https://www.tlfreportages.fr/" target="_blank"><img id="Card1-card-item0" src="images/tlf.png" width="2684" height="480" alt="" title=""></a> 5598 </div> 5599</div> 5600</div> 5601</div> 5602<div id="wb_contact"> 5603<div id="contact-overlay"></div> 5604<form name="contact" method="post" action="mailto:[email protected]" enctype="text/plain" id="contact"> 5605<div class="col-1"> 5606<div id="wb_MediaPlayer1" style="display:inline-block;width:374px;
5606height:210px;z-index:154;"> 5607<video id="MediaPlayer1" autoplay loop> 5608<source src="logo%20video%20vert1024.mp4" type="video/mp4"> 5609</video> 5610 5611</div> 5612<div id="wb_Text15"> 5613<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong>Mairie de La Forie - Le Bourg<br>63600 La Forie<br></strong></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:11px;"><br></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:16px;">Téléphone : 04 73 82 03 18<br>E-mail : [email protected]<br></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:11px;"><br></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:16px;">Ouverture au public : <br>Lundi de 13h à 16h <br>Mardi/jeudi/vendredi de 8h30 à 12h <br>Mercredi de 8h30 à 12h et de 14h à 17h <br>Hors de ces horaires le secrétariat est joignable au 04 73 82 03 18 <br>Possibilité de prendre rendez-vous avec le maire <br>ou les adjoints le samedi matin. <br><br></span><span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:19px;"><strong>En cas d'urgence 06 38 63 84 27 </strong></span> 5614</div> 5615<div id='tameteo' style='font-family:Arial;text-align:left;border:solid 1px #2D94D1; background:#2D94D1; width:370px; padding:4px'><div style='width: 150px; float: left; height: 55px;'><a href='https://www.xn--mto-bmab.fr/la-Forie' target='_blank' title='Météo La Forie' style='font-weight: bold;font-size:14px;text-decoration:none;color:#FFFFFF;line-height:14px;'>La Forie</a></div><div style='width: 220px; float: left; height: 55px;position: relative;'><a href='https://www.xn--mto-bmab.fr' target='_blank' title='ta-meteo'><img src='https://www.xn--mto-bmab.fr/widget4/f33219d55d114332a9f86562a787d483.png?t=time()' border='0'></a></div><div style='clear:both'></div><div style='width: 355px;height: 12px;'>©<a href='https://www.xn--mto-bmab.fr' style='font-size:10px;text-decoration:none;color:#FFFFFF;line-height:10px;' target='_blank' >meteo.fr</a></div></div> 5616</div> 5617<div class="col-2"> 5618<div id="wb_Text21"> 5619<span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:19px;">LA FORIE FAIT PARTIE DE LA COMMUNAUTE DE COMMUNES </span> 5620</div> 5621<div id="wb_Image7" style="display:inline-block;width:100%;height:auto;z-index:158;"> 5622<a href="https://www.ambertlivradoisforez.fr/" target="_blank"><img src="images/Logo_Ambert_Livradois_Forez_blanc1.png" id="Image7" alt="" width="416" height="160"></a> 5623</div> 5624<ul id="SlideShow11" style="display:inline-block;position:relative;width:416px;height:434px;border-radius:0px;z-index:159;"> 5625<li><a href="images/CARTE%20cocom.png" target="_blank" data-rel="SlideShow11" title="AMBERT LIVRADOIS FOREZ"><img class="image" src="images/CARTE%20cocom.png" alt="AMBERT LIVRADOIS FOREZ" title="AMBERT LIVRADOIS FOREZ"></a></li> 5626</ul> 5627<div id="wb_Text32"> 5628<span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:13px;">©Copyright ED SOLUTIONS<br>©Copyright mairie de la forie</span> 5629</div> 5630</div> 5631<div class="col-3"> 5632<div id="Html2" style="display:inline-block;width:100%;height:500px;z-index:161"> 5633<iframe width="400" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" sandbox="allow-forms allow-scripts allow-same-origin" src="https://www.geoportail.gouv.fr/embed/visu.html?c=3.761930489380402,45.590065763653655&z=18&l0=ORTHOIMAGERY.ORTHOPHOTOS::GEOPORTAIL:OGC:WMTS(1)&v1=PLAN.IGN::GEOPORTAIL:GPP:TMS(1;s:standard)&permalink=yes" allowfullscreen></iframe></div> 5634<div id="wb_Text33"> 5635<span style="color:#FFFFFF;font-family:'PT Sans Narrow';font-size:16px;"><strong>A 5,1 km d'Ambert - A 88, 5 km de Clermont Fd <br> A 77, 4 km de St Etienne </strong></span> 5636</div> 5637<div id="wb_CssMenu1" style="display:inline-block;width:308px;height:28px;z-index:163;"> 5638<ul id="CssMenu1" role="menubar" class="nav"> 5639<li role="menuitem" class="nav-item firstmain"><a class="nav-link" href="./mentions.php" target="_self">Mentions Légales</a> 5640</li> 5641<li role="menuitem" class="nav-item"><a class="nav-link" href="https://www.edsolutions.fr/" target="_blank">Contact Webmaster</a> 5642</li> 5643</ul> 5644 5645</div> 5646</div> 5647</form> 5648</div> 5649<div id="FlexContainer2"> 5650<div id="wb_Text34"> 5651<span style="color:#FFFFFF;font-family:'Bebas Neue';font-size:27px;">la forie en un clic</span> 5652</div> 5653<div id="wb_OverlayMenu1" style="display:inline-block;width:80px;height:80px;z-index:165;"> 5654<a href="#" id="OverlayMenu1"> 5655<span class="line"></span> 5656<span class="line"> 5657</span><span class="line"></span> 5658</a> 5659 5660</div> 5661</div> 5662<div id="OverlayMenu1-overlay"> 5663<div class="OverlayMenu1"> 5664<ul class="drilldown-menu" role="menu"> 5665<li><a role="menuitem" href="./viecommunale.php" class="OverlayMenu1-effect">VIE COMMUNALE</a></li> 5666<li><a role="menuitem" href="./servicesmunicipaux.php" class="OverlayMenu1-effect">SERVICES MUNICIPAUX</a></li> 5667<li><a role="menuitem" href="./vivrealaforie.php" class="OverlayMenu1-effect">VIVRE A LA FORIE</a></li> 5668<li><a role="menuitem" href="./guidepratique.php" class="OverlayMenu1-effect">GUIDE PRATIQUE</a></li> 5669<li><a role="menuitem" href="./photos.php" class="OverlayMenu1-effect">PHOTOS</a></li> 5670<li><a role="menuitem" href="./nostalgie.php" class="OverlayMenu1-effect">VIDEOS</a></li> 5671<li><a role="menuitem" href="./contact.php" class="OverlayMenu1-effect">CONTACT</a></li> 5672 </ul> 5673</div> 5674<a class="close-button" id="OverlayMenu1-close" href="#" role="button" aria-hidden="true"><span></span></a> 5675</div> 5676</body> 5677</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.