1 2 3 4 <!DOCTYPE html> 5 6 7 8<html lang="fr"> 9<head> 10 11 <link rel="icon" type="image/png" href="https://batimatecexpo.com/vue/images/icon.png" /> 12 13 14 15 16 17 18<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 19 20 <meta name="viewport" content="width=device-width, initial-scale=1"/> 21 22 <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> 23 24<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css?v=7857324"> 25 26 <title></title> 27 28
28<script src="https://kit.fontawesome.com/6d87ff15d8.js" crossorigin="anonymous"></script>
28 29 30 <!-- CSS --> 31 32 <link href="https://batimatecexpo.com/vue/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/> 33 34 <link href="https://batimatecexpo.com/vue/css/simple-lightbox.css" type="text/css" rel="stylesheet" media="screen,projection"/> 35 36
36<script src="https://batimatecexpo.com/vue/js/simple-lightbox.js"></script>
36 37 38
38<script src="http://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
38 39 40 41 42 43 44 45 <link href="http://fonts.googleapis.com/css?family=Anton&display=swap" rel="stylesheet"> 46 47
47<script src="https://batimatecexpo.com/vue/js/jquery-3.3.1.min.js"></script>
47 48
48<script src="https://batimatecexpo.com/vue/js/jquery.da-share.js"></script>
48 49
49<script src="https://batimatecexpo.com/vue/js/jquery.jqTip.js"></script>
49 50 51 <link rel="stylesheet" type="text/css" href="https://batimatecexpo.com/vue/css/default.css" /> 52 <link rel="stylesheet" type="text/css" href="https://batimatecexpo.com/vue/css/component.css" /> 53
53<script src="https://batimatecexpo.com/vue/js/modernizr.custom.js"></script>
53 54 55 56
56<script type="text/javascript"> 57 58 59 $(document).ready(function(){ 60 $('.tabs').tabs(); 61 62 $('.dropdown-trigger').dropdown(); 63 $('.parallax').parallax(); 64 $('.modal').modal(); 65 $('.collapsible').collapsible(); 66 $('.fixed-action-btn').floatingActionButton(); 67 $('.sidenav').sidenav(); 68 }); 69 70 71 72 function commenter(){ 73 var message = document.getElementById('messagecommentairepublication').value; 74 var uri = "favoris.html"; 75 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=commenter&message="+message+"&uri="+uri; 76 $.get(envoi); 77 document.getElementById('messageapprobation').innerHTML = "Votre commentaire est prit en charge, en attente d'approbation"; 78 } 79 80 81 function envoyer(){ 82 var nom = document.getElementById('nom2').value; 83 var email = document.getElementById('email2').value; 84 var tel = document.getElementById('tel2').value; 85 var message = document.getElementById('message2').value; 86 87 if(nom == ''){ document.getElementById('valeurmessgevide0').innerHTML = 'La case nom est obligatoire' } 88 if(email == ''){ document.getElementById('valeurmessgevide1').innerHTML = 'Laissez nous votre un e-mail afin de pouvoir vous repondre' } 89 if(message == ''){ document.getElementById('valeurmessgevide2').innerHTML = 'Votre message est vide' } 90 91 92 93 if(email != '' && message != '' && nom != ''){ 94 var envoi = "https://batimatecexpo.com/vue/fonctions/envoyermessage.php?"+"nom="+nom+"&email="+email+"&tel="+tel+"&message="+message; 95 96 97 $.get(envoi); 98 99 100 document.getElementById('nom2').value =''; 101 document.getElementById('email2').value =''; 102 document.getElementById('tel2').value ='' 103 document.getElementById('message2').value =''; 104 105document.getElementById('valeurmessgevide0').innerHTML = ''; 106document.getElementById('valeurmessgevide1').innerHTML = ''; 107document.getElementById('valeurmessgevide2').innerHTML = ''; 108 109 $('#modalalertmessagerie').modal('open'); 110 setTimeout(function(){ $('#modalalertmessagerie').modal('close'); }, 3000); 111 } 112 113 } 114 115 116function inscirption(){ 117 var Adresse = document.getElementById('Adresse').value; 118 var Tel = document.getElementById('Tel').value; 119 var Nom = document.getElementById('Nom').value; 120 var Prenom = document.getElementById('Prenom').value; 121 var EMail = document.getElementById('EMail').value; 122 var Wilaya = document.getElementById('Wilaya').value; 123 var Commune = document.getElementById('Commune').value; 124 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=modifClient"+"&Nom="+Nom+"&Prenom="+Prenom+"&EMail="+EMail+"&Tel="+Tel+"&Adresse="+Adresse+"&Wilaya="+Wilaya+"&Commune="+Commune; 125 $.get(envoi); 126 M.toast({html: 'informations mises à jours'}); 127 128 } 129 130 function inscriptionclient(){ 131 var Adresse = document.getElementById('Adresse').value; 132 var Tel = document.getElementById('Tel').value; 133 var Nom = document.getElementById('Nom').value; 134 var Prenom = document.getElementById('Prenom').value; 135 var EMail = document.getElementById('EMail').value; 136 var Wilaya = document.getElementById('Wilaya').value; 137 var Commune = document.getElementById('Commune').value; 138 var motdepasse = document.getElementById('motdepasse').value; 139 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=modifClient"+"&Nom="+Nom+"&Prenom="+Prenom+"&EMail="+EMail+"&Tel="+Tel+"&Adresse="+Adresse+"&Wilaya="+Wilaya+"&Commune="+Commune+"&motdepasse="+motdepasse; 140 $.get(envoi); 141 M.toast({html: 'informations mises à jours'}); 142 143 } 144 145 146 147 148 149 $(document).ready(function () { 150 151 $('.tabs').click(function() { 152 document.getElementById("conteneurdetabs").style.display = "block"; 153 document.getElementById("conteneurdetabsbg").style.display = "block"; 154 }); 155 $('#conteneurdetabsbg').click(function() { 156 document.getElementById("conteneurdetabs").style.display = "none"; 157 document.getElementById("conteneurdetabsbg").style.display = "none"; 158 document.getElementById('entete').style.height = "128px"; 159 document.getElementById('entete').style.backgroundImage = 'none'; 160 document.getElementById('conteneurdetabs').style.backgroundColor = "rgba(0,0,0,0.7)"; 161 }); 162 163 164 165}); 166 167 168 169 170 171</script>
171 172 173
173<script> 174 175 176 177 178 $(document).ready(function(){ 179 $(window).scroll(function() { // check if scroll event happened 180 181 if ($(document).scrollTop() > 70) { // check if user scrolled more than 50 from top of the browser window 182 $(".navfixedtop").css("position", "fixed"); 183 } else { 184 $(".navfixedtop").css("position", "inherit"); 185 } 186 if ($(document).scrollTop() > 70) { // check if user scrolled more than 50 from top of the browser window 187 $(".navfixedtop").css("top", "0px"); 188 } else { 189 $(".navfixedtop").css("top", "inherit"); 190 } 191 if ($(document).scrollTop() > 70) { // check if user scrolled more than 50 from top of the browser window 192 $(".navfixedtop").css("margin-top", "0px"); 193 } else { 194 $(".navfixedtop").css("margin-top", "0px"); 195 } 196 197 if ($(document).scrollTop() > 70) { // check if user scrolled more than 50 from top of the browser window 198 $(".navfixedtop").css("top", "0px"); 199 } else { 200 $(".navfixedtop").css("top", "0px"); 201 } 202 203 204 205 if ($(document).scrollTop() > 70) { // check if user scrolled more than 50 from top of the browser window 206 $("#entete").css("top", "0px"); 207 } else { 208 $("#entete").css("top", "0px"); 209 } 210 211 212 213 214 if ($(document).scrollTop() > 70) { // check if user scrolled more than 50 from top of the browser window 215 $(".navbar-fixed").css("top", "0px"); 216 } else { 217 $(".navbar-fixed").css("top", "0px"); 218 } 219 220 if ($(document).scrollTop() > 70) { // check if user scrolled more than 50 from top of the browser window 221 $(".navbar-fixed").css("position", "fixed"); 222 } else { 223 $(".navbar-fixed").css("position", "inherit"); 224 } 225 226 }); 227 }); 228 229</script>
229 230 231 232 233
234<script type="text/javascript"> 235 236 237 238 239 240 241function selectcouleur(couleur){ 242 if(document.getElementById(couleur).checked == true){ 243 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=selectcouleur"+"&couleur="+couleur+"&etat=1"; 244 $.get(envoi); 245 } 246 if(document.getElementById(couleur).checked == false){ 247 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=selectcouleur"+"&couleur="+couleur+"&etat=0"; 248 $.get(envoi); 249 } 250} 251 252 253 254 255 256 function bgentete(entete, urlimg) 257{ 258 var urlString = 'url(' + urlimg + ')'; 259 document.getElementById(entete).style.backgroundImage = urlString; 260 document.getElementById(entete).style.height = "270px"; 261 document.getElementById('conteneurdetabs').style.backgroundColor = "rgba(0,0,0,0)"; 262 document.getElementById('conteneurdetabsbg').style.backgroundColor = "rgba(0,0,0,0.7)"; 263} 264 265 266 267 function closeTabs(){ 268 document.getElementById("conteneurdetabs").style.display = "none"; 269 document.getElementById("conteneurdetabsbg").style.display = "none"; 270 document.getElementById('entete').style.height = "128px"; 271 document.getElementById('conteneurdetabs').style.backgroundColor = "rgba(0,0,0,0.7)"; 272 document.getElementById('entete').style.backgroundImage = 'none'; 273 document.getElementById('entete').style.backgroundImage = 'https://batimatecexpo.com/medias/uploadphotoprofil-31-08-2024-12-28-07-3810.png'; 274 } 275 276 277 function vote(idvote){ 278 var textn = document.getElementById(idvote).value; 279 var requette = "https://batimatecexpo.com/vue/fonctions/action.php?operation=vote&id="+idvote+"&vote="+textn; 280 $.get(requette); 281 $("#selectecommunes").load("vue/selectecommunes.php"); 282 } 283 284 285 function modifierPannier(id){ 286 var qte = document.getElementById('qttte'+id).value; 287 var taille = document.getElementById("taille"+id).value; 288 var substring = '|'+id+'/'+taille+'/'; 289 290 if(taille == 'Choisir'){ 291 document.getElementById('couleurtaille').style.backgroundColor = "red"; 292 document.getElementById('boutonpannier').style.backgroundColor = "red"; 293 } 294 295 if(taille != 'Choisir'){ 296 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=modifierPannier&id="+id+"&qte="+qte+"&taille="+taille; 297 if(qte != ''){M.toast({html: 'Pannier_actualisé !'});} 298 $.get(envoi);} 299 300 var string = ''; 301 302 303 if (string.indexOf(substring) !== -1){ 304 document.getElementById('qtepanier').innerHTML = 0; 305 }else{ 306 document.getElementById('qtepanier').innerHTML = 1; 307 } 308 309 } 310 311 312 function modifierTaille(){ 313 document.getElementById('couleurtaille').style.backgroundColor = "transparent"; 314 document.getElementById('boutonpannier').style.backgroundColor = "transparent"; 315 } 316 317 318 function supprimePannier(id,qte,taille){ 319 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=supprimePannier&id="+id+"&taille="+taille+"&qte="+qte; 320 $.get(envoi); 321 if(id != ''){M.toast({html: 'Pannier_actualisé !'});} 322 323 document.getElementById(id+taille).style.display = "none"; 324 $("#pannierLaterale").load("vue/pannierLaterale.php"); 325 } 326 327 328 329function masquerEntreprise(){document.getElementById("supEntrepriseFomulaire").style.display='none';} 330function afficherEntreprise(){document.getElementById("supEntrepriseFomulaire").style.display='block';} 331function voirmp(){ 332 document.getElementById("motdepasse").type='text'; 333 document.getElementById("confirmmotdepasse").type='text'; 334} 335 336 337function masquermp(){ 338 document.getElementById("motdepasse").type='password'; 339 document.getElementById("confirmmotdepasse").type='password'; 340} 341 342 343function similaire() { 344 345var pass1 = document.getElementById('motdepasse').value; 346var pass2 = document.getElementById('confirmmotdepasse').value; 347 348 if (pass1 != '') { 349 if (pass2 != '') { 350 if (pass1 == pass2) {document.getElementById("submit").disabled = false; } 351 if (pass1 != pass2) {alert('Les mot de passe ne coincident pas !'); } 352 }} } 353 354 function valider() { 355 356var pass1 = document.getElementById('motdepasse').value; 357var pass2 = document.getElementById('confirmmotdepasse').value; 358 359 if (pass1 != '') { 360 if (pass2 != '') { 361 if (pass1 != pass2) {alert('Les mot de passe ne coincident pas !'); document.getElementById("submit").disabled = true; } 362 if (pass1 == pass2) {document.getElementById("submit").disabled = false; } 363 364 }} } 365 366 367 368 function ajoutfavorie(id){ 369 var requette = "https://batimatecexpo.com/vue/fonctions/action.php?operation=ajoutfavorie&id="+id; 370 document.getElementById("etoilegrise"+id).style.display='none'; 371 document.getElementById("etoilejaune"+id).style.display='block'; 372 var idinput = 'vote'+id; 373 $.get(requette); 374 document.getElementById(idinput).value = parseInt(document.getElementById(idinput).value) + 1; 375 376 } 377 378 function suppfavorie(id){ 379 var requette = "https://batimatecexpo.com/vue/fonctions/action.php?operation=suppfavorie&id="+id; 380 document.getElementById("etoilejaune"+id).style.display='none'; 381 document.getElementById("etoilegrise"+id).style.display='block'; 382 var idinput = 'vote'+id; 383 $.get(requette); 384 document.getElementById(idinput).value = parseInt(document.getElementById(idinput).value) - 1; 385 } 386 387 function vote(idvote){ 388 var textn = document.getElementById(idvote).value; 389 var requette = "https://batimatecexpo.com/vue/fonctions/action.php?operation=vote&id="+idvote+"&vote="+textn; 390 $.get(requette); 391 $("#selectecommunes").load("vue/selectecommunes.php"); 392 393 } 394 395 396 </script>
396 397 398 399 400
401<script type="text/javascript"> 402 403 404 405 406 407 408 409 410 411 412 413 414 function retourAffichage1(){ 415 document.getElementById("1menuS3").className = "col s3"; 416 document.getElementById("1menuS4").className = "col s12"; 417 document.getElementById("1domaineSlider").style.display = "block"; 418 document.getElementById("1trucdomaine").style.display = "none"; 419 420 421 422 } 423 424 function afficheliste1(id){ 425 document.getElementById("1menuS3").className = " col s12"; 426 document.getElementById("1menuS4").className = " col s3"; 427 document.getElementById("1domaineSlider").style.display = "none"; 428 document.getElementById("1trucdomaine").style.display = "block"; 429 430 431 document.getElementById("1domaine"+id).style.display = "block"; 432 } 433 434 435 436 437 438 439 440 441 function retourAffichage(){ 442 document.getElementById("menuS3").className = "col s3"; 443 document.getElementById("menuS4").className = "card col s12"; 444 document.getElementById("domaineSlider").style.display = "block"; 445 document.getElementById("trucdomaine").style.display = "none"; 446 447 448 449 } 450 451 function afficheliste(id){ 452 document.getElementById("menuS3").className = "card col s12"; 453 document.getElementById("menuS4").className = " col s3"; 454 document.getElementById("domaineSlider").style.display = "none"; 455 document.getElementById("trucdomaine").style.display = "block"; 456 457 458 document.getElementById("domaine"+id).style.display = "block"; 459 } 460 461 462 463 464function masquerEntreprise(){document.getElementById("supEntrepriseFomulaire").style.display='none';} 465function afficherEntreprise(){document.getElementById("supEntrepriseFomulaire").style.display='block';} 466function voirmp(){ 467 document.getElementById("motdepasse").type='text'; 468 document.getElementById("confirmmotdepasse").type='text'; 469} 470 471function masquermp(){ 472 document.getElementById("motdepasse").type='password'; 473 document.getElementById("confirmmotdepasse").type='password'; 474} 475 476 477function similaire() { 478 479var pass1 = document.getElementById('motdepasse').value; 480var pass2 = document.getElementById('confirmmotdepasse').value; 481 482 483 if (pass1 != '') { 484 if (pass2 != '') { 485 if (pass1 == pass2) { document.getElementById("BtnValiderPass").className = "waves-effect waves-light btn";} 486 if (pass1 != pass2) {alert('Les mot de passe ne coincident pas !'); } 487 }} 488 489 490 491} 492 493 494 function valider() { 495 496var pass1 = document.getElementById('motdepasse').value; 497var pass2 = document.getElementById('confirmmotdepasse').value; 498 499 if (pass1 != '') { 500 if (pass2 != '') { 501 if (pass1 != pass2) {alert('Les mot de passe ne coincident pas !'); document.getElementById("submit").disabled = true; } 502 if (pass1 == pass2) {document.getElementById("submit").disabled = false; } 503 504 }} } 505 506 507 function fermersplash(){ 508 document.getElementById("loaderfloue").style.display = "none"; 509 document.getElementById("loader").style.display = "none"; 510 } 511 512 513 function afficheSELECTEUR(){ 514 var etatselecteur = document.getElementById("selecteurProduit").style.height ; 515 if (etatselecteur=="0px"){document.getElementById("selecteurProduit").style.height ="360px";} 516 else {document.getElementById("selecteurProduit").style.height ="0px";} 517 } 518 519 function afficheCreerUnCompte(){ 520 var etatselecteur = document.getElementById("creerUnCompte").style.height ; 521 if (etatselecteur=="0px"){document.getElementById("creerUnCompte").style.height ="auto";} 522 else {document.getElementById("creerUnCompte").style.height ="0px";} 523 } 524 525 526</script>
526 527 528 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> 529 530 531 532 <style type="text/css"> 533 534 535 #loaderfloue {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; position: fixed; z-index: 999999999999999999999999999999999999999999999999 ;background-color: rgba(255,255,255,.8); } 536 537@media only screen and (min-width : 701px) { 538 539 540 .imgsplash { 541 /* width: 100%; */ 542 height: 83vh; 543 margin: 0 auto; 544 text-align: center; 545 } 546 547 #loader {width: 75%; height: 72%; position: fixed; top: 5%; 548 left: 15%; z-index: 9999999999999999999999999999999999999999999999999; text-align: right; background-position: center center; background-size: contain; background-repeat: no-repeat; 549 text-align: center !important; } 550} 551 552@media only screen and (max-width : 700px) { 553 554 .imgsplash {width: 100%; margin-top:13vh !important;} 555 #loader {width: 100%; position: fixed; top: 5%; z-index: 9999999999999999999999999999999999999999999999999; text-align: right; background-position:center center; background-size: contain; background-repeat: no-repeat; } 556} 557 558 559 560 561 562.entete {background-image: https://batimatecexpo.com/medias/uploadphotoprofil-31-08-2024-12-28-07-3810.png; } 563 564 canvas{ 565 566 height: 700px; 567 } 568 569 570 571 572 /* vietnamese */ 573 574 575 } 576 577 /* body { 578 579 font-family: 'Anton',Helvetica,Arial,sans-serif;} */ 580 581 582 583 584 585 586 587 588@media only screen and (max-width: 600px) { 589 590 591 592} 593 594 595.liendomaine{ 596color:#255590 !important; 597} 598.titredomaine{ 599color:#255590 !important; 600} 601 602.couleursombre {background-color: #255590 !important;} 603.textecouleurclaire {color: #1b930b !important;} 604.textecouleursombre {color: #255590 !important;} 605 606 607 608.base-titre-champ{ 609 610 background-color: #1b930b; 611} 612 613.base-titre-champ-claire{ 614 615 background-color: #255590; 616} 617 618 619 620 621 .cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover { 622 color: textecouleursombre !important; 623 624 } 625 626 627 628.cbp-hropen {color: textecouleursombre !important;} 629 630 631 632 633 634.slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { 635 color:#1b930b !important; 636 } 637 638.slick-prev, .slick-next { 639 color:#1b930b !important; 640 } 641 642.slick-list{ 643 color:#1b930b !important; 644} 645 646 @media only screen and (max-width: 600px) { 647 648 .light { 649 line-height: 21px !important; 650 font-size: 16px !important; 651} 652 } 653 654 655 656 .blur-div { 657 background: rgba(0, 0, 0, 0.17); 658 backdrop-filter: blur(6px); 659 -webkit-backdrop-filter: blur(10px); 660 padding: 0px; 661 color: #ffffff; 662} 663 .transparent-blur-div { 664 width: 300px; 665 height: 200px; 666 background: rgba(0, 118, 255, 0.4); 667 backdrop-filter: blur(10px); 668 -webkit-backdrop-filter: blur(10px); 669 padding: 20px; 670 color: #ffffff; 671} 672 673.inclined-border-div { 674 padding: 20px; 675 position: relative; 676 clip-path: polygon(35% 0, 100% 0%, 100% 100%, 0% 100%); 677} 678 679 680 681 682</style> 683 684<style> 685 .countdown { 686 font-size: 1.8rem; 687 color: #fff !important; 688 } 689 690 .base-titre-champ {background-color: #1e50e6;} 691 692 .lienMenuCouleur {text-transform: uppercase;} 693 694 </style> 695
696<script type="text/javascript"> 697 function afficheMenuBlanc(){ 698 699 var lienblanc = document.getElementsByClassName('lienMenuBlanc') 700 for (var i = 0; i < lienblanc.length; i++){ 701 lienblanc[i].style.cssText = 'display:block !important'; 702 } 703 704 var liencouleur = document.getElementsByClassName('lienMenuCouleur') 705 for (var i = 0; i < liencouleur.length; i++){ 706 liencouleur[i].style.cssText = 'display:none !important'; 707 } 708 709document.getElementById('logoCouleur').style.display = 'none'; 710document.getElementById('logoBlanc').style.display = 'block'; 711} 712 713</script>
vendor: 2 bytes, line 713
713
714<script type="text/javascript"> 715 716function afficheMenuCouleur(){ 717 var lienblanc = document.getElementsByClassName('lienMenuBlanc') 718 for (var i = 0; i < lienblanc.length; i++){ 719 lienblanc[i].style.style.cssText = 'display:none !important'; 720 } 721 722 var liencouleur = document.getElementsByClassName('lienMenuCouleur') 723 for (var i = 0; i < liencouleur.length; i++){ 724 liencouleur[i].style.cssText = 'display:block !important'; 725 } 726 727document.getElementById('logoCouleur').style.display = 'block'; 728document.getElementById('logoBlanc').style.display = 'none'; 729} 730</script>
730 731 732 733 734 735<style> 736 /* === Palette de couleurs === */ 737:root { 738 --primary-color: #000000; /* Jaune construction */ 739 --secondary-color: #4A4A4A; /* Gris industriel */ 740 --accent-color: #F4511E; /* Orange accent */ 741 --background-color: #F5F5F5; /* Fond clair */ 742} 743 744/* === Body & Background === */ 745body { 746 font-family: 'Roboto', sans-serif; 747} 748 749 750 751 752 753 .cbp-hrmenu > ul > li > a { 754 font-weight: bold;} 755 756 757 758 759/* === Buttons === */ 760.btn { 761 background-color: var(--primary-color); 762 color: #fff; 763 font-weight: bold; 764 text-transform: uppercase; 765} 766 767.btn:hover { 768 background-color: var(--accent-color); 769} 770 771/* === Cards === */ 772.containergrille .card { 773 box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); 774} 775 776.containergrille .card-title { 777 font-weight: bold; 778} 779 780.containergrille .card-content { 781 color: var(--text-color); 782} 783 784/* === Forms === */ 785.input-field input[type="text"]:focus { 786 border-bottom: 2px solid var(--primary-color); 787 box-shadow: 0 1px 0 0 var(--primary-color); 788} 789 790.input-field label { 791 color: var(--secondary-color); 792} 793 794 795 796 797/* === Icons === */ 798.material-icons { 799 color: var(--accent-color); 800} 801 802/* === Custom Section Styling === */ 803.section { 804 padding: 20px; 805 margin: 20px 0; 806 border-left: 5px solid var(--primary-color); 807 background-color: #ffffff; 808} 809 810/* === Typography === */ 811h1, h2, h3, h4, h5, h6 { 812 font-weight: bold; 813 color: var(--text-color); 814 text-transform: uppercase; 815} 816 817h1 { 818 color: var(--primary-color); 819} 820 821 822 823 824 .containergrille .card { 825 background-color: #4A4A4A; /* Gris acier */ 826 color: #FFFFFF; /* Texte blanc */ 827 border-radius: 0px; /* Coins arrondis */ 828 border-bottom: 6px solid #FFB400; /* Bordure gauche jaune construction */ 829 box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5); /* Ombre robuste */ 830 margin: 15px 0; 831 position: relative; 832 overflow: hidden; 833} 834 835/* Titre de la carte */ 836.containergrille .card-title { 837 font-size: 1.5rem; 838 font-weight: bold; 839 text-transform: uppercase; 840 } 841 842/* Contenu de la carte */ 843.containergrille .card-content { 844 color: #DADADA; /* Gris clair pour le texte */ 845 line-height: 1.6; 846} 847 848/* Ajout d'un effet de texture pour un rendu industriel */ 849.containergrille .card::before { 850 content: ''; 851 position: absolute; 852 top: 0; 853 left: 0; 854 width: 100%; 855 height: 100%; 856 background: url('https://www.transparenttextures.com/patterns/brushed-alum.png'); 857 opacity: 0.1; /* Texture subtile de métal brossé */ 858 z-index: -1; 859} 860 861 862 863/* Style du titre-champ */ 864.titre-champ { 865 font-size: 1.8rem; /* Taille ajustée */ 866 font-weight: bold; /* Texte gras */ 867 text-transform: uppercase; /* Tout en majuscules */ 868 padding: 10px 15px; /* Espacement intérieur */ 869 margin-bottom: 15px; /* Espacement en bas */ 870 871 bgbat.png 872 873} 874 875/* Ajout d'un effet texturé au fond */ 876.titre-champ::before { 877 content: ''; 878 position: absolute; 879 top: 0; 880 left: 0; 881 width: 100%; 882 height: 100%; 883 background: url('https://www.transparenttextures.com/patterns/brushed-alum.png'); /* Texture métallique */ 884 opacity: 0.1; 885 z-index: -1; 886} 887 888/* Style de base pour .card-title */ 889.card-title { 890 font-weight: bold; 891 color: #333; /* Couleur de base */ 892 position: relative; 893 padding-bottom: 5px; /* Padding initial */ 894 transition: all 0.3s ease; /* Transition fluide */ 895} 896 897/* Animation au survol */ 898.card-title:hover { 899 transform: translateY(+12px); 900 padding-bottom: 12px; 901 } 902 903 904 905.parallaxa {background-repeat: no-repeat; background-position: top center; background-size: 100% auto; 906 background-position: center top; 907 background-repeat: no-repeat; padding-top:50px; padding-bottom:50px; width: 100%;} 908 909 910 911html { 912 width: 100% !important; 913 overflow-x: hidden !important; 914} 915body { 916 width: 100% !important; 917 overflow-x: hidden !important; 918} 919 920 921h1, h2, h3, h4 { 922 font-size: 30px !important; 923} 924 925</style> 926 927</head> 928 929 930 931<body> 932 933 934 935 936 937 938 939 </div> 940 941 942 943 944 945
945<script src="https://batimatecexpo.com/vue/js/materialize1.js"></script>
945 946 947
947<script src="https://batimatecexpo.com/vue/js/slick.js"></script>
947 948 949 950 951 <div id="modalalertmessagerie" class="modal"> 952 <div class="modal-content"> 953 <h4>Message envoyé</h4> 954 <p>Merci de nous avoir contactés. Nous reviendrons vers vous dans les plus brefs délais.</p> 955 </div> 956 <div class="modal-footer"> 957 <a href="#!" class="modal-close waves-effect waves-green btn-flat">Fermer</a> 958 </div> 959 </div> 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 <!-- Dropdown Se_connecter --> 978<ul id="Se_connecter" class="dropdown-content center"> 979 <div style="width: 100%"> 980 981 <a href="#modalConnexion" class="waves-effect waves-light couleursombre btn modal-trigger">Se connecter</a> 982 983 984 985 986 987<li class="divider"></li> 988 <a href="https://batimatecexpo.com/inscriptionclient.html" class="waves-effect waves-light couleursombre btn ">Creer un compte</a> 989 </div> 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 <li class="divider"></li> 1005 <li><a href="https://batimatecexpo.com/commandes.html">Vos commandes</a></li> 1006 <li class="divider"></li> 1007 <li><a href="https://batimatecexpo.com/favoris.html">Votre liste d'envies</a></li> 1008 1009</ul> 1010 <!-- fin Dropdown Se_connecter --> 1011 1012 <!-- Dropdown Se_connecter --> 1013<ul id="Bouton_Aide" class="dropdown-content center"> 1014 1015 1016</ul> 1017 <!-- fin Dropdown Se_connecter --> 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038<nav id="logoBlanc" class="navwhite" role="navigation" style=" 1039 height: fit-content !important; 1040 padding: 0px; 1041 margin: 0px; 1042 overflow: visible; display: none;"> 1043 1044<div class="container"> 1045<div class="row" style="max-height: 60px; overflow: visible;"> 1046<div class="col s4 m1" style="padding: 10px 0px 0px 0px; margin: 0px"> 1047 1048 1049 1050<a class="hide-on-small-only" href="https://batimatecexpo.com/"><img id="logoBlanc" height="50" src="https://batimatecexpo.com/vue/images/galaxyblanc.png"></a> 1051 1052 1053<a class="hide-on-med-and-up" href="https://batimatecexpo.com/"><img id="logoBlanc" height="50" src="https://batimatecexpo.com/vue/images/galaxyblanc.png"></a> 1054 1055</div> 1056<div class="col s8 m11"> 1057<div class="col s12 hide-on-small-only"> 1058<div style="float:right; padding:0px 8px; border-left: 1px solid #fff; line-height: 22px;"> 1059<span style="font-size: 14px;" class="white-text">+213.770.78.08.15</span> 1060</div> 1061<div style="float:right; padding:0px 8px; border-left: 1px solid #fff; line-height: 22px;"> 1062<span style="font-size: 14px;" class="white-text">Batimatec Expo</span> 1063</div> 1064 1065<div style="float:right; padding:0px 8px; border-left: 1px solid #fff; line-height: 22px;"> 1066<span style="font-size: 14px;" class="white-text">[email protected]</span> 1067</div> 1068 1069<div style="float:right; padding:0px 8px; border-left: 1px solid #fff; line-height: 22px;"> 1070 1071 <a style="line-height: 32px; height: 32px; padding:0px !important; margin : 3px; float:right;" target="_blank" href="https://web.facebook.com/profile.php?id=61558418247283&mibextid=ZbWKwL&_rdc=1&_rdr" class=" hide-on-small-only"> 1072<img alt="Facebook" width="32" 1073 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-18-20.webp"></a> 1074<a style="line-height: 32px; height: 32px; padding:0px !important; margin : 3px; float:right;" target="_blank" href="https://www.linkedin.com/company/batimatec-expo/" class=" hide-on-small-only"> 1075<img alt="linkdin" width="32" 1076 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-19-55.webp"></a> 1077 1078 1079 1080</div> 1081 1082</div> 1083<div class="col s12 hide-on-med-and-up"> 1084 <div class="nav-wrapper container" > 1085 1086 1087 <ul class="right" style="color:rgba(0,0,0,1)"> 1088 1089 1090 <a href="#" data-target="menulateral" class="sidenav-trigger hide-on-med-and-up ">≡</a> 1091 1092 1093 </ul> 1094</div> 1095</div> 1096 1097</div> 1098</div> 1099</nav> 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114<nav id="logoCouleur" class="navwhite grey-text text-darken-2 white " role="navigation" style=" 1115 padding: 3px; 1116 margin: 0px; 1117 overflow: visible; 1118 box-shadow: none !important;"> 1119 1120 1121 1122 1123 <a class="hide-on-med-and-up left" style="margin-top: 10px;" href="https://batimatecexpo.com/"><img height="50" src="https://batimatecexpo.com/vue/images/galaxybleu.png"></a> 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 <a href="#" data-target="menulateral" class="sidenav-trigger hide-on-med-and-up blue-text right" style="font-size: 70px !important; margin-top: 10px; 1135 height: 30px !important; 1136 font-weight: 800;">≡</a> 1137 1138 1139 <a style="line-height: 25px; height: 25px; padding:0px !important; margin : 3px; float:right;" target="_blank" href="https://web.facebook.com/profile.php?id=61558418247283&mibextid=ZbWKwL&_rdc=1&_rdr" class=" left hide-on-med-and-up"> 1140<img alt="Facebook" width="25" 1141 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-18-20.webp"></a> 1142<a style="line-height: 25px; height: 25px; padding:0px !important; margin : 3px; float:right;" target="_blank" href="https://www.linkedin.com/company/batimatec-expo/" class=" left hide-on-med-and-up"> 1143<img alt="linkdin" width="25" 1144 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-19-55.webp"></a> 1145 1146 1147 1148<div class=" white-text" style="text-shadow: none !important"> 1149<div class="row" style="max-height: 60px; overflow: visible;"> 1150<div class="col s4 m1" style="padding-top: 20px; height: 50px; 1151 overflow: visible;"> 1152 1153<a class="hide-on-small-only" href="https://batimatecexpo.com/"><img height="70" src="https://batimatecexpo.com/vue/images/galaxybleu.png"></a> 1154 1155 1156 1157 1158</div> 1159<div class="col s8 m11 hide-on-small-only"> 1160<div class="col s12 hide-on-small-only"> 1161 1162 1163 1164<div style="float:right; padding:0px 8px; border-left: 1px solid rgba(0, 0, 0, 0.1); line-height: 22px;"> 1165 1166 1167 1168
1169 <span style="height: 32px; line-height: 32px;"><a href="/favoris.html?lang=ar" class="right"><span style="width: 32px; height: 32px; margin:0px 0px 10px 10px; z-index:999999 !important;z-index: 999999; 1170 position: relative; float: left; background-image: url(https://batimatecexpo.com/vue/images/a.png); background-size: cover;"></span></a></span> 1171 <span style="height: 32px; line-height: 32px;"><a href="/favoris.html?lang=fr" class="right"><span style="width: 32px; height: 32px; margin:0px 0px 10px 10px; z-index:999999 !important;z-index: 999999; 1172 position: relative; float: left; background-image: url(https://batimatecexpo.com/vue/images/c.png); background-size: cover;"></span></a></span> 1173 <span style="height: 48px; line-height: 32px;"><a href="/favoris.html?lang=en" class="right"><span style="width: 32px; height: 32px; margin:0px 0px 10px 10px; z-index:999999 !important;z-index: 999999; 1174 position: relative; float: left; background-image: url(https://batimatecexpo.com/vue/images/b.png); background-size: cover;"></span></a></span> 1175 <a style="line-height: 32px; height: 32px; padding:0px !important; margin : 3px; float:right;" target="_blank" href="https://web.facebook.com/profile.php?id=61558418247283&mibextid=ZbWKwL&_rdc=1&_rdr" class=" hide-on-small-only"> 1176<img alt="Facebook" width="32" 1177 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-18-20.webp"></a> 1178<a style="line-height: 32px; height: 32px; padding:0px !important; margin : 3px; float:right;" target="_blank" href="https://www.linkedin.com/company/batimatec-expo/" class=" hide-on-small-only"> 1179<img alt="linkdin" width="32" 1180 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-19-55.webp"></a> 1181 1182 1183 1184</div> 1185 1186</div> 1187<div class="hide-on-small-only col s12 hide-on-med-and-up"> 1188 <div class="nav-wrapper container" > 1189 1190 1191 1192 <ul class="right" style="color:rgba(0,0,0,1)"> 1193 1194 1195 1196 1197 1198 1199 1200 </ul> 1201</div> 1202</div> 1203 1204</div> 1205</div> 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 </nav> 1217 1218 1219 1220 <ul id="menulateral" class="sidenav sidenav-close"> 1221 <ul> 1222 1223 <div class="col s1"></div> 1224 <div class="col s11"> 1225 1226<a id="logo-container" href="https://batimatecexpo.com/" class="brand-logo"><img height="60" src="https://batimatecexpo.com/medias/uploadphotoprofil-31-08-2024-12-28-07-3810.png" style="margin-top:8px;"/></a> 1227 1228 1229 1230 <div class="col s12"> 1231 <span style="height: 30px; line-height: 30px;"><a href="/favoris.html?lang=ar" class="right"><span style="width: 20px; height: 20px; margin:0px 0px 10px 10px; z-index:999999 !important;z-index: 999999; 1232 position: relative; float: left; background-image: url(https://batimatecexpo.com/vue/images/a.png); background-size: cover;"></span></a></span> 1233 <span style="height: 48px; line-height: 30px;"><a href="/favoris.html?lang=fr" class="right"><span style="width: 20px; height: 20px; margin:0px 0px 10px 10px; z-index:999999 !important;z-index: 999999; 1234 position: relative; float: left; background-image: url(https://batimatecexpo.com/vue/images/c.png); background-size: cover;"></span></a></span> 1235 <span style="height: 48px; line-height: 30px;"><a href="/favoris.html?lang=en" class="right"><span style="width: 20px; height: 20px; margin:0px 0px 10px 10px; z-index:999999 !important;z-index: 999999; 1236 position: relative; float: left; background-image: url(https://batimatecexpo.com/vue/images/b.png); background-size: cover;"></span></a></span> </div> 1237</ul> 1238 1239</div> 1240 1241 <div class="col s12"><br><br> <br></div> 1242 1243 <div class="col s1"></div> 1244 1245 1246 <div class="row"> 1247 <div class="col s1"> 1248 </div> 1249 <div class="col s11"> 1250 <a class="black-text" href="https://batimatecexpo.com/06-05-2299-ACCUEIL.html">Accueil</a> 1251 </div> 1252 </div> 1253 1254 1255 1256 1257 1258 <div class="row"> 1259 <div class="col s1"> 1260 </div> 1261 <div class="col s11"> 1262 <a class="black-text" href="https://batimatecexpo.com/03-11-24299-exposer.html">Exposer</a> 1263 </div> 1264 </div> 1265 1266 1267 1268 1269 1270 <div class="row"> 1271 <div class="col s1"> 1272 </div> 1273 <div class="col s11"> 1274 <a class="black-text" href="https://batimatecexpo.com/03-11-24924-Visiter.html">Visiter</a> 1275 </div> 1276 </div> 1277 1278 1279 1280 1281 1282 <div class="row"> 1283 <div class="col s1"> 1284 </div> 1285 <div class="col s11"> 1286 <a class="black-text" href="https://batimatecexpo.com/03-11-24207-exposant-2024.html">L'ÃDITION 2025</a> 1287 </div> 1288 </div> 1289 1290 1291 1292 1293 1294 <div class="row"> 1295 <div class="col s1"> 1296 </div> 1297 <div class="col s11"> 1298 <a class="black-text" href="https://batimatecexpo.com/25-11-24404-Conferences.html">Conférences</a> 1299 </div> 1300 </div> 1301 1302 1303 1304 1305 1306 <div class="row"> 1307 <div class="col s1"> 1308 </div> 1309 <div class="col s11"> 1310 <a class="black-text" href="https://batimatecexpo.com/25-11-24523-Contact.html">Contact</a> 1311 </div> 1312 </div> 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 </ul> 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342<div class=" hide-on-small-only row " style="hide-on-small-only margin-bottom:0px !important; margin-top:-10px; z-index:99999999999999999999999999999999999999999999 !important; display: block; padding:0 16px; height: 60px !important;-webkit-box-shadow: 0px 12px 9px -12px rgba(0,0,0,0.75); margin-bottom: 0px !important; 1343-moz-box-shadow: 0px 12px 9px -12px rgba(0,0,0,0.5); 1344box-shadow: 0px 12px 9px -12px rgba(0,0,0,0.5); background-color: rgba(255, 255, 255, 1);"> 1345 1346<nav id="cbp-hrmenu" class=" hide-on-small-only cbp-hrmenu " style="box-shadow:none !important; margin-top:10px; z-index:998;"> 1347 1348 1349<ul class=" hide-on-small-only right" style="width: fit-content;"> 1350 1351 1352 1353 1354 <li> 1355 <a class=" hide-on-small-only lienMenuBlanc" onclick="location.href='https://batimatecexpo.com/06-05-2299-ACCUEIL.html'" href="#">Accueil</a> 1356 1357 <a class=" hide-on-small-only lienMenuCouleur" onclick="location.href='https://batimatecexpo.com/06-05-2299-ACCUEIL.html'" href="#">Accueil</a> 1358 </li> 1359 1360 1361 1362 1363 <li> 1364 <a class=" hide-on-small-only lienMenuBlanc" onclick="location.href='https://batimatecexpo.com/03-11-24299-exposer.html'" href="#">Exposer</a> 1365 1366 <a class=" hide-on-small-only lienMenuCouleur" onclick="location.href='https://batimatecexpo.com/03-11-24299-exposer.html'" href="#">Exposer</a> 1367 </li> 1368 1369 1370 1371 1372 <li> 1373 <a class=" hide-on-small-only lienMenuBlanc" onclick="location.href='https://batimatecexpo.com/03-11-24924-Visiter.html'" href="#">Visiter</a> 1374 1375 <a class=" hide-on-small-only lienMenuCouleur" onclick="location.href='https://batimatecexpo.com/03-11-24924-Visiter.html'" href="#">Visiter</a> 1376 </li> 1377 1378 1379 1380 1381 <li> 1382 <a class=" hide-on-small-only lienMenuBlanc" onclick="location.href='https://batimatecexpo.com/03-11-24207-exposant-2024.html'" href="#">L'ÃDITION 2025</a> 1383 1384 <a class=" hide-on-small-only lienMenuCouleur" onclick="location.href='https://batimatecexpo.com/03-11-24207-exposant-2024.html'" href="#">L'ÃDITION 2025</a> 1385 </li> 1386 1387 1388 1389 1390 <li> 1391 <a class=" hide-on-small-only lienMenuBlanc" onclick="location.href='https://batimatecexpo.com/25-11-24404-Conferences.html'" href="#">Conférences</a> 1392 1393 <a class=" hide-on-small-only lienMenuCouleur" onclick="location.href='https://batimatecexpo.com/25-11-24404-Conferences.html'" href="#">Conférences</a> 1394 </li> 1395 1396 1397 1398 1399 <li> 1400 <a class=" hide-on-small-only lienMenuBlanc" onclick="location.href='https://batimatecexpo.com/25-11-24523-Contact.html'" href="#">Contact</a> 1401 1402 <a class=" hide-on-small-only lienMenuCouleur" onclick="location.href='https://batimatecexpo.com/25-11-24523-Contact.html'" href="#">Contact</a> 1403 </li> 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413</ul> 1414</nav> 1415</div> 1416</div> 1417 1418 1419<div class="enteteangle" style="background-image:url();"> 1420 <div class="container"> 1421 <div class="row"> 1422 <div class="col s12"> 1423 <h4><br><br>Vos Favoris</h4> 1424 </div> 1425 </div> 1426 </div> 1427</div> 1428 1429 1430 1431 1432<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2801.9846260239246!2d3.1498263751642677!3d36.73432907141116!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x128e52737295bead%3A0x3e67233041c45558!2sSoci%C3%A9t%C3%A9%20Alg%C3%A9rienne%20des%20Foires%20et%20Exportations%20-%20Foire%20d'Alger!5e1!3m2!1sfr!2sdz!4v1732526439422!5m2!1sfr!2sdz" width="100%" height="340" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 1433 1434 1435 <footer class="page-footer couleursombre "> 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 <div class="container"> 1466 1467 <a style="line-height: 40px; height: 40px; padding:0px !important; margin : 3px" target="_blank" href="https://web.facebook.com/profile.php?id=61558418247283&mibextid=ZbWKwL&_rdc=1&_rdr" class=" hide-on-small-only"> 1468<img alt="Facebook" width="30" 1469 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-18-20.webp"></a> 1470<a style="line-height: 40px; height: 40px; padding:0px !important; margin : 3px" target="_blank" href="https://www.linkedin.com/company/batimatec-expo/" class=" hide-on-small-only"> 1471<img alt="linkdin" width="30" 1472 src="https://batimatecexpo.com/medias/Pastille-Icon2024-11-29-17-19-55.webp"></a> 1473 1474</div> 1475 1476 1477 1478 <div class="footer-copyright"> 1479 <div class="container"> 1480 1481 1482 1483<div class="row"> 1484<div class="col s12"> 1485<p style="text-align: center !important;">tous droits reservés © 2026</p><p><a tatger="_blank" style="font-size:10px; color: rgba(255,255,255,0.8) !important" class="right" href="https://woujoud.net">
1485Réalisé par woujoud.net</a></p> 1486</div> 1487</div> 1488 1489</div> 1490 1491 1492 1493 1494 1495 1496 </div> 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 </footer> 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527
1527<script type="text/javascript"> 1528 1529 function chargementcommune(){ 1530 1531 $("#reponse").children('option').hide(); 1532 1533 var valeurdepart = document.getElementById('Wilaya').value; 1534 var poswilayadepart = valeurdepart.split("|"); 1535 var nomwilaya = poswilayadepart[1]; 1536 var Wilaya = poswilayadepart[1]; 1537 1538 var select = document.getElementById("reponse"); 1539 var length = select.options.length; 1540 for (i = 0; i < length; i++) { 1541 if(select.options[i].value.indexOf(Wilaya)!== -1){ 1542 select.options[i].style.display="block"; 1543 } else { select.options[i].style.display="none";} 1544 } 1545 1546 document.getElementById('reponse').value=Wilaya; 1547 1548} 1549 1550 1551</script>
1551 1552
1553<script> 1554 // Cible de la date (4 mai 2025) 1555 const targetDate = new Date('2027-05-03T00:00:00').getTime(); 1556 1557 // Mettre à jour le compte à rebours toutes les secondes 1558 const countdown = setInterval(() => { 1559 const now = new Date().getTime(); 1560 const distance = targetDate - now; 1561 1562 // Calculer les jours, heures, minutes, secondes 1563 const days = Math.floor(distance / (1000 * 60 * 60 * 24)); 1564 const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 1565 const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 1566 const seconds = Math.floor((distance % (1000 * 60)) / 1000); 1567 1568 // Afficher le résultat 1569 document.getElementById("countdown").innerHTML = 1570 `${days} jours, ${hours} heures, ${minutes} minutes, ${seconds} secondes`; 1571 1572 // Si le compte à rebours est terminé 1573 if (distance < 0) { 1574 clearInterval(countdown); 1575 document.getElementById("countdown").innerHTML = "C'est aujourd'hui!"; 1576 } 1577 }, 1000); 1578 </script>
1578 1579
1580<script type="text/javascript"> 1581 function demandeveto(){// alert('envoi'); 1582 var nom = document.getElementById('nomService').value; 1583 var tel = document.getElementById('telService').value; 1584 var etatveto = document.getElementById('etatveto').value; 1585 var Wilaya = document.getElementById('Wilaya').value; 1586 var reponse = document.getElementById('reponse').value; 1587 var etatveto = document.getElementById('etatveto').value; 1588 1589 1590 var envoi = "https://batimatecexpo.com/vue/fonctions/reservervetos.php?"+"nom="+nom+"&tel="+tel+"&etatveto="+etatveto+"&Wilaya="+Wilaya+"&commune="+reponse+"&etatveto="+etatveto; 1591 // alert(envoi); 1592 $.get(envoi); 1593 var elem = document.getElementById('modalcontact'); 1594 var instance = M.Modal.getInstance(elem); 1595 instance.close() 1596 $('#modalalert').modal('open'); 1597 } 1598</script>
vendor: 2 bytes, line 1598
1598
1599<script> 1600 (function() { 1601 var $gallery = new SimpleLightbox('.gallery a', {}); 1602 })(); 1603</script>
1603 1604 1605 1606 1607
1608<script type="text/javascript"> 1609 M.AutoInit(); 1610 1611 $(document).ready(function(){ 1612 $('.sidenav').sidenav(); 1613 }); 1614 1615 1616 var instance = M.Carousel.init({ 1617 1618 fullWidth: true, 1619 1620 indicators: true 1621 1622 }); 1623 1624 1625 1626 // Or with jQuery 1627 1628 1629 1630 $('.carousel.carousel-slider').carousel({ 1631 1632 fullWidth: true, 1633 1634 indicators: true 1635 1636 }); 1637 1638 1639 1640 1641 1642 1643 1644 $(".js-video-button").modalVideo({ 1645 1646 youtube:{ 1647 1648 controls:1, 1649 1650 nocookie: true 1651 1652 } 1653 1654 }); 1655 1656 1657 $('.responsiveMarques').slick({ 1658 1659 mobileFirst:true, 1660 dots: false, 1661 infinite: true, 1662 1663 arrows: true, 1664 speed: 200, 1665 1666 slidesToShow: 2, 1667 1668 slidesToScroll: 1, 1669 1670 autoplay:true, lazyLoad: 'ondemand', 1671 1672 1673 1674 1675 responsive: [ 1676 1677 { 1678 1679 breakpoint: 1024, 1680 1681 settings: { 1682 1683 mobileFirst:true, 1684 1685 slidesToShow: 6, 1686 1687 slidesToScroll: 1, 1688 1689 autoplay:true, lazyLoad: 'ondemand', 1690 1691 infinite: true, 1692 1693 arrows: true, 1694 1695 dots: false 1696 1697 } 1698 1699 }, 1700 1701 { 1702 1703 breakpoint: 700, 1704 1705 settings: { 1706 1707 mobileFirst:true, 1708 1709 arrows: true, 1710 1711 slidesToShow: 4, 1712 1713 slidesToScroll: 1, 1714 1715 autoplay:true, lazyLoad: 'ondemand', 1716 1717 dots: false 1718 1719 } 1720 1721 }, 1722 1723 { 1724 1725 breakpoint: 480, 1726 1727 settings: { 1728 1729 mobileFirst:true, 1730 1731 slidesToShow: 2, 1732 1733 slidesToScroll: 1, 1734 1735 arrows: true, 1736 1737 autoplay:true, lazyLoad: 'ondemand', 1738 1739 dots: false 1740 1741 } 1742 1743 } 1744 1745 // You can unslick at a given breakpoint now by adding: 1746 1747 // settings: "unslick" 1748 1749 // instead of a settings object 1750 1751 ] 1752 1753}); 1754 1755 1756 1757 $('.responsive').slick({ 1758 1759 mobileFirst:true, 1760 dots: false, 1761 infinite: true, 1762 1763 arrows: true, 1764 speed: 200, 1765 1766 slidesToShow: 2, 1767 1768 slidesToScroll: 1, 1769 1770 autoplay:true, lazyLoad: 'ondemand', 1771 1772 1773 1774 1775 responsive: [ 1776 1777 { 1778 1779 breakpoint: 1024, 1780 1781 settings: { 1782 1783 mobileFirst:true, 1784 1785 slidesToShow: 4, 1786 1787 slidesToScroll: 1, 1788 1789 autoplay:true, lazyLoad: 'ondemand', 1790 1791 infinite: true, 1792 1793 arrows: true, 1794 1795 dots: false 1796 1797 } 1798 1799 }, 1800 1801 { 1802 1803 breakpoint: 700, 1804 1805 settings: { 1806 1807 mobileFirst:true, 1808 1809 arrows: true, 1810 1811 slidesToShow: 2, 1812 1813 slidesToScroll: 1, 1814 1815 autoplay:true, lazyLoad: 'ondemand', 1816 1817 dots: false 1818 1819 } 1820 1821 }, 1822 1823 { 1824 1825 breakpoint: 480, 1826 1827 settings: { 1828 1829 mobileFirst:true, 1830 1831 slidesToShow: 2, 1832 1833 slidesToScroll: 1, 1834 1835 arrows: true, 1836 1837 autoplay:true, lazyLoad: 'ondemand', 1838 1839 dots: false 1840 1841 } 1842 1843 } 1844 1845 // You can unslick at a given breakpoint now by adding: 1846 1847 // settings: "unslick" 1848 1849 // instead of a settings object 1850 1851 ] 1852 1853}); 1854 1855 1856$('.responsive1').slick({ 1857 1858 mobileFirst:true, 1859 dots: false, 1860 infinite: true, 1861 arrows: true, 1862 speed: 200, 1863 slidesToShow: 1, 1864 slidesToScroll: 1, 1865 autoplay:true, lazyLoad: 'ondemand' 1866 1867}); 1868 1869 1870 1871 $('.slik1').slick({ 1872 1873 mobileFirst:true, 1874 dots: false, 1875 infinite: true, 1876 1877 arrows: true, 1878 speed: 200, 1879 1880 slidesToShow: 1, 1881 1882 slidesToScroll: 1, 1883 1884 autoplay:true, lazyLoad: 'ondemand', 1885 1886 1887}); 1888 1889 $('.responsive4').slick({ 1890 1891 mobileFirst:true, 1892 dots: false, 1893 infinite: true, 1894 1895 arrows: true, 1896 speed: 200, 1897 1898 slidesToShow: 2, 1899 1900 slidesToScroll: 1, 1901 1902 autoplay:true, lazyLoad: 'ondemand', 1903 1904 1905 1906 1907 responsive: [ 1908 1909 { 1910 1911 breakpoint: 1024, 1912 1913 settings: { 1914 1915 mobileFirst:true, 1916 1917 slidesToShow: 4, 1918 1919 slidesToScroll: 1, 1920 1921 autoplay:true, lazyLoad: 'ondemand', 1922 1923 infinite: true, 1924 1925 arrows: true, 1926 1927 dots: false 1928 1929 } 1930 1931 }, 1932 1933 { 1934 1935 breakpoint: 700, 1936 1937 settings: { 1938 1939 mobileFirst:true, 1940 1941 arrows: true, 1942 1943 slidesToShow: 2, 1944 1945 slidesToScroll: 1, 1946 1947 autoplay:true, lazyLoad: 'ondemand', 1948 1949 dots: false 1950 1951 } 1952 1953 }, 1954 1955 { 1956 1957 breakpoint: 480, 1958 1959 settings: { 1960 1961 mobileFirst:true, 1962 1963 slidesToShow: 2, 1964 1965 slidesToScroll: 1, 1966 1967 arrows: true, 1968 1969 autoplay:true, lazyLoad: 'ondemand', 1970 1971 dots: false 1972 1973 } 1974 1975 } 1976 1977 // You can unslick at a given breakpoint now by adding: 1978 1979 // settings: "unslick" 1980 1981 // instead of a settings object 1982 1983 ] 1984 1985}); 1986 1987 1988 1989 $('.responsive6').slick({ 1990 1991 mobileFirst:true, 1992 dots: false, 1993 infinite: true, 1994 1995 arrows: true, 1996 speed: 200, 1997 1998 slidesToShow: 2, 1999 2000 slidesToScroll: 1, 2001 2002 autoplay:true, lazyLoad: 'ondemand', 2003 2004 2005 2006 2007 responsive: [ 2008 2009 { 2010 2011 breakpoint: 1024, 2012 2013 settings: { 2014 2015 mobileFirst:true, 2016 2017 slidesToShow: 6, 2018 2019 slidesToScroll: 1, 2020 2021 autoplay:true, lazyLoad: 'ondemand', 2022 2023 infinite: true, 2024 2025 arrows: true, 2026 2027 dots: false 2028 2029 } 2030 2031 }, 2032 2033 { 2034 2035 breakpoint: 700, 2036 2037 settings: { 2038 2039 mobileFirst:true, 2040 2041 arrows: true, 2042 2043 slidesToShow: 4, 2044 2045 slidesToScroll: 1, 2046 2047 autoplay:true, lazyLoad: 'ondemand', 2048 2049 dots: false 2050 2051 } 2052 2053 }, 2054 2055 { 2056 2057 breakpoint: 480, 2058 2059 settings: { 2060 2061 mobileFirst:true, 2062 2063 slidesToShow: 2, 2064 2065 slidesToScroll: 1, 2066 2067 arrows: true, 2068 2069 autoplay:true, lazyLoad: 'ondemand', 2070 2071 dots: false 2072 2073 } 2074 2075 } 2076 2077 // You can unslick at a given breakpoint now by adding: 2078 2079 // settings: "unslick" 2080 2081 // instead of a settings object 2082 2083 ] 2084 2085}); 2086</script>
2086
2087<script type="text/javascript"> 2088 2089</script>
2089 2090 2091 2092 2093
2094<script type="text/javascript"> 2095 2096 function inscirption(){ 2097 2098 var Nom = document.getElementById('Nom').value; 2099 var Prenom = document.getElementById('Prenom').value; 2100 var EMail = document.getElementById('EMail').value; 2101 var Tel = document.getElementById('Tel').value; 2102 var motdepasse = document.getElementById('motdepasse').value; 2103 2104 var Commune = document.getElementById('Commune').value; 2105 var Adresse = document.getElementById('Adresse').value; 2106 var Wilaya = document.getElementById('Wilaya').value; 2107 2108 var pass1 = document.getElementById('motdepasse').value; 2109 var pass2 = document.getElementById('confirmmotdepasse').value; 2110 2111 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=modifClient"+"&Nom="+Nom+"&Prenom="+Prenom+"&EMail="+EMail+"&Tel="+Tel+"&motdepasse="+motdepasse+"&Commune="+Commune+"&Adresse="+Adresse+"&Wilaya="+Wilaya; 2112 2113 $.get(envoi); 2114 2115 } 2116 2117 2118 2119 function modifPassClient(){ 2120var pass1 = document.getElementById('motdepasse').value; 2121var pass2 = document.getElementById('confirmmotdepasse').value; 2122 2123 if (pass1 == pass2) { 2124 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=modifPassClient"+"&motdepasse="+motdepasse; 2125 $.get(envoi); 2126 M.toast({html: 'informations mises à jours'}); 2127 } 2128 2129 } 2130 2131 function modifInfosCompt(){ 2132 2133 alert('ok'); 2134 2135 var Commune = document.getElementById('Commune').value; 2136 var Adresse = document.getElementById('Adresse').value; 2137 var Wilaya = document.getElementById('Wilaya').value; 2138 var Nom = document.getElementById('Nom').value; 2139 var Prenom = document.getElementById('Prenom').value; 2140 var EMail = document.getElementById('EMail').value; 2141 var Tel = document.getElementById('Tel').value; 2142 2143 2144 2145 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?operation=inscriptionclient"+"&Nom="+Nom+"&Prenom="+Prenom+"&EMail="+EMail+"&Tel="+Tel+"&Commune="+Commune+"&Adresse="+Adresse+"&Wilaya="+Wilaya; 2146 $.get(envoi); 2147 M.toast({html: 'informations mises à jours'}); 2148 2149 if (Commune = '' && Adresse = '' && Wilaya = '' && Nom = '' && Prenom = '' && pass1 == pass2) { document.getElementById("BtnValiderCompte").className = "waves-effect waves-light btn";} 2150 2151 } 2152 2153 2154 2155 2156 2157 function recupemotdepasse(){ 2158 var email = document.getElementById('recupe-e-mail').value; 2159 var envoi = "https://batimatecexpo.com/vue/fonctions/action.php?"+"email="+email+"&operation=recupemotdepasse"; 2160 $.get(envoi); 2161 $('#modalrecupecompte').modal('close'); 2162 alert('<h4>Un lien de recuperations vous a été envoyer dans votre boite E-mail: '+email+'</h4>'); 2163 } 2164 2165 2166 2167 2168 2169</script>
2169 2170 2171 2172
2173<script> 2174$(document).ready(function(){ 2175 $("#qtepanier").load("vue/qtePanier.php"); 2176 2177 var refreshId = setInterval(function () { 2178 $("#qtepanier").load("vue/qtePanier.php"); 2179 }, 15000); 2180 $.ajaxSetup({ 2181 cache: false 2182 }); 2183}); 2184</script>
2184 2185 2186
2186<script src="https://batimatecexpo.com/vue/js/cbpHorizontalMenu.js"></script>
2186 2187 2188
2188<script> 2189 $(function() { 2190 cbpHorizontalMenu.init(); 2191 }); 2192 </script>
2192 2193 2194
2194<script src="https://batimatecexpo.com/vue/js/galerie.js"></script>
2194 2195 2196 2197 2198
2198<script src="https://batimatecexpo.com/vue/js/aos.js"></script>
2198 2199
2199<script> 2200 AOS.init({ 2201 easing: 'ease-in-out-sine' 2202 }); 2203 </script>
2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 </body> 2215 2216 2217 2218 2219</html> 2220 2221 2222 2223 2224 2225 2226
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.