PageSourceSearch

https://batimatecexpo.com/favoris.html

html batimatecexpo.com collected 2026-10-04 12:19:30 UTC 54,652 bytes, 2,226 lines download raw bytes

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 ">&equiv;</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;">&equiv;</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  &copy;  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.