PageSourceSearch

https://www.cabgm.org/boutique/create_account_benevole.php

html cabgm.org collected 2026-10-08 07:18:10 UTC 104,789 bytes, 2,140 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<!--
6<title>FCABQ</title>
7<link rel="apple-touch-icon" sizes="180x180" href="/client_file/themes/default/interface/icons/apple-touch-icon.png">
8<link rel="icon" type="image/png" sizes="32x32" href="/client_file/themes/default/interface/icons/favicon-32x32.png">
9<link rel="icon" type="image/png" sizes="16x16" href="/client_file/themes/default/interface/icons/favicon-16x16.png">
10-->
11<title>Centre d&#039;action b&eacute;n&eacute;vole de Grand-M&egrave;re</title>
12<link rel="apple-touch-icon" sizes="180x180" href="/client_file/themes/logos/apple-touch-icon.png">
13<link rel="icon" type="image/png" sizes="32x32" href="/client_file/themes/logos/favicon-32x32.png">
14<link rel="icon" type="image/png" sizes="16x16" href="/client_file/themes/logos/favicon-16x16.png">
15<link rel="manifest" href="/client_file/themes/logos/site.webmanifest">
16<link rel="mask-icon" href="/client_file/themes/logos/safari-pinned-tab.svg" color="#5bbad5">
17<link rel="shortcut icon" href="/client_file/themes/logos/favicon.ico">
18<meta name="msapplication-TileColor" content="#da532c">
19<meta name="msapplication-config" content="/client_file/themes/logos/browserconfig.xml">
20<meta name="theme-color" content="#ffffff">
21<link rel="manifest" href="/client_file/themes/default/interface/icons/manifest.json">
22<link rel="mask-icon" href="/client_file/themes/default/interface/icons/safari-pinned-tab.svg" color="#5bbad5">
23<link rel="shortcut icon" href="/client_file/themes/logos/favicon.ico">
24<meta name="msapplication-config" content="/client_file/themes/default/interface/icons/browserconfig.xml">
25<meta name="theme-color" content="#ffffff">
26
27<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
28<base href="https://www.cabgm.org/boutique/" />
29<!--
30<link rel="stylesheet" type="text/css" href="ext/css/font-awesome.css" /><link type='text/css' href='ajax/css/bootstrap.css?1308' rel='stylesheet' />
31<link rel="stylesheet" type="text/css" href="ext/jquery/ui/redmond/jquery-ui-1.8.22.css" />-->
32<link rel="shortcut icon" href="/client_file/themes/logos/favicon.ico" type="image/x-icon">
33<link rel="icon" href="/client_file/themes/logos/favicon.ico" type="image/x-icon">
34
35<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet"><link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" />
36<link href="/client_file/themes/default/css/bootstrap.css" rel="stylesheet" type="text/css" />
37<link href="/client_file/themes/default/css/font-awesome.css" rel="stylesheet" type="text/css" />
38<link href="/client_file/themes/default/css/prettyPhoto.css" rel="stylesheet" type="text/css" />
39<link href="/client_file/themes/default/css/owl.carousel.css" rel="stylesheet" type="text/css" />
40<link href="/client_file/themes/default/css/owl.theme.css" rel="stylesheet" type="text/css" />
41<link href="/client_file/themes/default/css/owl.transitions.css" rel="stylesheet" type="text/css" />
42<link href="/client_file/themes/default/css/animate.min.css" rel="stylesheet" type="text/css" />
43
44<link href="/client_file/themes/default/css/module.css?rand=693246" rel="stylesheet" type="text/css" />
45<link href="/client_file/themes/default/css/style.css?rand=624734" rel="stylesheet" type="text/css" />
46
47
48<link href="/client_file/themes/default/css/responsive.css?rand=652459" rel="stylesheet" type="text/css" />
49
50<link rel="stylesheet" type="text/css" media="print" href="/client_file/themes/default/css/print.css" />
51
52<style type="text/css">
53    .navbar-inverse .navbar-nav > li:last-child > a {
54        color: #FFFFFF !important;
55    }
56    .navbar-inverse .navbar-nav > li:last-child {
57        background-color: #2b6f7e !important;
58    }
59.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
60    color: #50ab75 !important; }
61
62.dropdown-menu > .active > a, .secondary_menu li a:hover, .dropdown-menu a:hover {color: #50ab75 !important;}
63.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #50ab75 !important;}
64input[type="submit"], input[type="button"], button, .bouton, .Btn, .BtnForm, #content_confirmation input[type="submit"], a.btn {
65    background-image: linear-gradient(to left,
66                        #999999,
67                        #999999 50%,
68                        #999999 50%,
69                        #999999);
70    }
71    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
72    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {color: #2b6f7e !important;}
73    
74    .text_slider h3 {color: #2b6f7e !important;}
75    
76    #header_bg {
77        opacity: 1 !important;
78    }
79    #logo, #logo img {
80        max-width: 350px !important;
81    }
82    body, p, .date_news_teaser{
83        font-family: "Lato", sans-serif;
84    }
85    h1, h2, h3, h4, h5, h6 {
86        font-family: "Lato", sans-serif;
87    }
88    .quicklink_content img {
89        width: 100%;
90        max-width: 185px !important;
91        height: 100%;
92        max-height: 120px !important;
93    }
94
95    .timeline > li > .timeline-badge, .timeline::before {
96        background-color: #2b6f7e !important;
97    }
98    .timeline_titre {
99        color: #2b6f7e !important;
100    }
101    
102    .accordeon_titre a {
103        color : #2b6f7e !important;
104        border-top: 1px solid #2b6f7e !important;
105    }
106    .accordeon_titre a::after {
107        color : #2b6f7e !important;
108    }
109    
110    .accordeon_titre a:hover {
111        color : #CACACA !important;
112        border-top: 1px solid #CACACA !important;
113    }
114    .accordeon_titre a:hover::after {
115        color : #CACACA !important;
116    }
117    
118    #legal_wrapper {
119        background-color: #000000 !important;
120    }
121    
122    #legal {
123        color: #FFFFFF !important;
124    }
125    
126    #legal a, #legal a:hover, #legal a:active, #legal a:focus {
127        color: #ced632 !important;
128    }
129    
130    .video_text, .portfolio_text {
131        background-color: #EBE9E9 !important;
132    }
133    .video_text, .video_text h3, .video_text p,
134    .portfolio_text, .portfolio_text h3, .portfolio_text p {
135        color: #333333 !important;
136    }
137    .portfolio_link, .videotheque_link {
138        background-color: #2b6f7e !important;
139    }
140    
141    .meteo-container {
142        background-color: #2b6f7e !important;
143    }
144    
145    .btn_custom_infolettre {
146        color: #fffff !important;
147        background-image: linear-gradient(to left,
148                    #333333,
149                    #333333 50%,
150                    #2b6f7e 50%,
151                    #2b6f7e);
152    }
153    
154.tuile{
155	background:#96FFF8;
156}
157.tuile p{
158	color:#525252;
159}
160.tuile:hover, .tuile_active .tuile{
161	background:#14A1FF;
162}
163.tuile:hover p, .tuile_active .tuile p{
164	color:#000000;
165}
166.tuile_triangle_down:before {
167	border-top: 50px solid #14A1FF;
168}
169    @media (max-width: 1000px) {
170        #main_slider_wrapper {
171            display: none;
172        }
173    }</style><style type="text/css">#accordion_2 a{text-decoration:  ;border:   ;width: ;font-size : 1.8em !important;
174font-weight: bold !important;}
175#accordion_3 a{text-decoration:  ;border:   ;width: ;font-size : 1.8em !important;
176font-weight: bold !important;}
177#accordion_4 a{text-decoration:  ;border:   ;width: ;font-size : 1.8em !important;
178font-weight: bold !important;}
179.col-md-5{text-decoration:  ;border:   ;width: ;}
180.date_news_teaser{text-decoration:  ;border:   ;width: ;font-size:1.2em !important; }
181.home_news_date{text-decoration:  ;border:   ;width: ;font-size: 1.2em !important;}
182#footer_wrapper{text-decoration:  ;border:   ;width: ;margin-top: 20px !important;}
183#legal a{text-decoration:  ;border:   ;width: ;color: #68a48d !important;}
184a{text-decoration:  ;border:   ;width: ;color:#339989 !important;
185font-weight: bold !important;}
186li{text-decoration:  ;border:   ;width: ;}
187ul{text-decoration:  ;}
188#logo{text-decoration:  ;border:   ;width: ;margin-top: -5px !important;
189margin-bottom: -5px !important;
190margin-left: -30px !important;}
191.navbar-inverse .navbar-nav > li > a{text-decoration:  ;border:   ;width: ;color: #000 !important;}
192.secondary_menu .fa{text-decoration:  ;border:   ;width: ;color: #2b6f7e !important;}
193.secondary_menu a{text-decoration:  ;border:   ;width: ;color: #000 !important;}
194.col-md-5 h3{text-decoration:  ;border:   ;width: ;font-weight : bold !important; 
195margin-top : -15px !important;}
196td{text-decoration:  ;
197}
198.text_slider p{text-decoration:  ;border:   ;width: ;font-size: 1.7em !important;}
199.col-md-6 text_foote{text-decoration:  ;border:   ;width: ;margin-left : 40px !important;}
200p{text-decoration:  ;border:   ;width: ;color:#000;
201font-size: 18px;
202font-weight: 300;
203margin: 5px 0 10px 0px;
204line-height:1.3em;}
205.texte_mauve{text-decoration:  ;border:   ;width: ;color: #68A48D !important;}
206h1{text-decoration:  ;border:   ;width: ;font-size:30px;
207color:#000;
208margin:20px 0 15px;
209text-transform: none !important;
210border-bottom: 5px solid #CED42F !important;}
211h2{text-decoration:  ;border:   ;width: ;font-weight:bold;
212color:#2b6f7e;
213font-size: x-large;
214margin:15px 0 10px;
215margin-bottom: 20px !important;}
216h3{text-decoration:  ;border:   ;width: ;font-weight:bold !important;
217color:#000;
218font-size:18px;
219margin:10px 0 5px;}
220h4{text-decoration:  ;border:   ;width: ;font-family: Kreon, serif;}
221
222    .user__deconnecter{
223        display: initial;
224    }
225    .user__connecter{
226        display: none;
227    }</style>
228
229    
229<script type="text/javascript" src="/client_file/themes/default/javascript/jquery-1.10.2.min.js"></script>
229
230    
230<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
230
231    
231<script type="text/javascript" src="/js/jquery.inputmask.bundle.js"></script>
231
232    
232<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.js"></script>
232
233    
233<script type="text/javascript" src="/client_file/themes/default/javascript/bootstrap.min.js"></script>
233
234    
234<script type="text/javascript" src="/client_file/themes/default/javascript/jquery.prettyPhoto.js"></script>
234
235    
235<script type="text/javascript" src="/client_file/themes/default/javascript/wow.min.js"></script>
235
236    
236<script type="text/javascript" src="/client_file/themes/default/javascript/owl.carousel.js"></script>
236
237    
237<script type="text/javascript" src="/client_file/themes/default/javascript/easypaginate.js"></script>
237
238    
238<script type="text/javascript" src="/client_file/themes/default/javascript/javascript.js?rand=409827"></script>
238<style>
239/*cookies*/
240body
241{
242    overflow-y: scroll !important;
243}
244@media (max-width: 1200px) {
245
246 .modal-dialog-cookie .col-md-6
247 {
248   width:100% !Important;
249 }
250
251}
252
253@media only screen and (max-width: 800px) {
254 .modal-dialog-cookie
255{
256    width:90% !important;
257}
258
259 .modal-dialog-cookie .modal-body button
260{
261    width:100% !important;
262}
263
264}
265.modal-dialog-cookie
266{
267        position: fixed;
268        right: 20px; /* Adjust this value for horizontal position */
269        bottom: 20px; /* Adjust this value for vertical position */
270        margin: 0;
271        width:25%;
272        max-width:350px;
273}
274.moreinfo
275{
276 font-weight:bold;
277 cursor:pointer;
278}
279.modal-dialog-cookie p
280{
281    font-size:15px !important;
282}
283.modal-dialog-cookie .modal-header
284{
285border-bottom: none !important;
286}
287
288.float-right
289{
290 float:right;
291
292}
293.font-weight-bolder{
294 font-weight:bold;
295}
296.w-100{
297 width:100%;
298}
299.mt-2{
300  margin-top:2rem !important;
301}
302.mt-0{
303    margin-top:0px !important;
304}
305
306</style>
307
308<script>
309var currentURL = window.location.href;
310$(document).ready(function() {
311console.log('avant ------------', listCookies());
312
313
314function getCookieValue(cookieName) {
315
316    const cookies = document.cookie.split('; ');
317
318
319    for (let i = 0; i < cookies.length; i++) {
320        const cookiePair = cookies[i].split('=');
321
322        // Trim any leading or trailing spaces
323        const name = cookiePair[0].trim();
324        const value = cookiePair[1];
325
326
327        if (name === cookieName) {
328            // Decode and return the cookie value
329            return decodeURIComponent(value);
330        }
331    }
332
333
334    return null;
335}
336function removeBeforeFirstDotAndWww(url) {
337
338  const dotIndex = url.indexOf('.');
339
340
341  const secondSlashIndex = url.indexOf('/', url.indexOf('/') + 1);
342  let parser  = new URL(url);
343  let modifiedUrl = parser.hostname;
344 console.log('mod thaaaa --- ',modifiedUrl);
345
346  if (modifiedUrl.startsWith("www.")) {
347        modifiedUrl = modifiedUrl.slice(3);
348    }
349
350  console.log('and now --- ',modifiedUrl);
351  return modifiedUrl;
352}
353
354function removeFirstWordBeforeDot(url) {
355    var hostname;
356
357    console.log('the url is',url);
358    if (url.indexOf('://') > -1) {
359        hostname = url.split('/')[2];
360    } else {
361        hostname = url.split('/')[0];
362    }
363
364
365    hostname = hostname.split(':')[0];
366
367    hostname = hostname.split('.').slice(-2).join('.');
368
369    return '.' + hostname;
370}
371
372function removeFirstWordBeforeDot2(inputString) {
373
374    const dotIndex = inputString.indexOf('.');
375
376
377    if (dotIndex !== -1 && dotIndex > 0) {
378
379        const result = inputString.substring(dotIndex + 1);
380        return result;
381    } else {
382
383        return inputString;
384    }
385    }
386
387var updatedURL = removeFirstWordBeforeDot(currentURL);
388console.log('updatedURL', updatedURL);
389
390var another_ulrl = removeFirstWordBeforeDot2(updatedURL);
391console.log('anotherupdatedURL', another_ulrl);
392
393var other_url = removeBeforeFirstDotAndWww(currentURL);
394console.log('original', other_url);
395
396
397function deleteCookie(name,URL) {
398
399        document.cookie = name + '=; Path=/; Domain=' + URL + '; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
400
401
402}
403
404function isCookieSet(cookieName) {
405    var cookies = document.cookie.split(';');
406
407    for (var i = 0; i < cookies.length; i++) {
408        var cookie = cookies[i].trim();
409        if (cookie.indexOf(cookieName + '=') === 0) {
410            return true; // Cookie found
411        }
412    }
413
414    return false; // Cookie not found
415}
416
417function listCookies() {
418    var cookies = document.cookie.split(';');
419    var cookieList = {};
420
421    for (var i = 0; i < cookies.length; i++) {
422        var cookie = cookies[i].trim();
423        var eqPos = cookie.indexOf('=');
424        var name = eqPos > -1 ? cookie.substring(0, eqPos) : cookie;
425        var value = eqPos > -1 ? cookie.substring(eqPos + 1) : '';
426
427        cookieList[name] = value;
428    }
429
430    return cookieList;
431}
432
433
434
435
436function setSessionCookie(cookieName, cookieValue) {
437
438    var expirationDate = new Date();
439    expirationDate.setTime(expirationDate.getTime() + (400 * 24 * 60 * 60 * 1000));
440    console.log('expires is',expirationDate);
441    console.log('expires is',expirationDate.toUTCString());
442
443    var cookieString = cookieName + '=' + encodeURIComponent(cookieValue) + '; path=/; expires=' + expirationDate.toUTCString();
444
445    document.cookie = cookieString;
446}
447
448function deleteCookiesStartingWith(prefix) {
449    var cookies = document.cookie.split(';');
450
451    for (var i = 0; i < cookies.length; i++) {
452        var cookie = cookies[i].trim();
453        if (cookie.indexOf(prefix) === 0) {
454            // Delete the cookie that starts with the specified prefix
455            var cookieName = cookie.split('=')[0];
456            console.log('name', cookieName);
457            deleteCookie(cookieName,updatedURL);
458            deleteCookie(cookieName,another_ulrl);
459            deleteCookie(cookieName,other_url);
460        }
461    }
462}
463
464function deleteAllCookies() {
465    var cookies = document.cookie.split(';');
466
467
468
469    deleteCookiesStartingWith('_ga');
470    deleteCookiesStartingWith('__ut');
471    deleteCookiesStartingWith('_cl');
472
473    console.log('apres ------------', listCookies());
474    setSessionCookie('decision_cookie', '1');
475}
476var cookieNameToCheck = 'decision_cookie';
477var isSet = isCookieSet(cookieNameToCheck);
478var vallcookie= getCookieValue(cookieNameToCheck);
479if (isSet) {
480    $('#cookiemodal').modal('hide');
481    $('#cookiemodal').hide();
482    if(vallcookie=='1')
483    {
484
485        deleteAllCookies();
486    }
487
488} else {
489
490    $('#cookiemodal').modal('show');
491     $('#cookiemodal').show();
492
493}
494
495$('.refuser').click(function() {
496
497    deleteAllCookies();
498
499
500
501    $('#cookiemodal').modal('hide');
502    $('#cookiemodal').hide();
503
504
505});
506
507$('.closemodalcookie').click(function() {
508
509
510
511
512    $('#cookiemodal').modal('hide');
513    $('#cookiemodal').hide();
514
515
516
517});
518
519$('.closemodalparam').click(function() {
520
521
522
523
524    $('#paramodal').modal('hide');
525    $('#paramodal').hide();
526
527
528
529});
530
531
532$('.accepter').click(function() {
533
534
535
536
537    setSessionCookie('decision_cookie', '2');
538    $('#cookiemodal').modal('hide');
539    $('#cookiemodal').hide();
540
541
542
543});
544
545$('.accepter_all').click(function(e) {
546
547    e.preventDefault();
548
549    console.log('apres avoir accepté ------------', listCookies());
550    setSessionCookie('decision_cookie', '2');
551    $('#paramodal').modal('hide');
552    $('#paramodal').hide();
553
554
555
556});
557
558$('.param').click(function() {
559
560
561
562    $('#cookiemodal').modal('hide');
563    $('#cookiemodal').hide();
564    $('#paramodal').modal('show');
565
566
567
568});
569$('.save_param').click(function(e) {
570
571    e.preventDefault();
572
573
574    var checkedCheckboxes = [];
575    $('.classparam:checked').each(function() {
576        checkedCheckboxes.push($(this).attr('name'));
577    });
578    console.log(checkedCheckboxes);
579    if (!(checkedCheckboxes.includes('analyse'))) {
580        console.log('not incluuded');
581        deleteAllCookies();
582    }
583    else
584    {
585
586    setSessionCookie('decision_cookie', '2');
587
588    }
589    $('#paramodal').modal('hide');
590    $('#paramodal').hide();
591
592});
593});
594</script>
594
595
596
597<link rel="stylesheet" type="text/css" href="/client_file/themes/default/css/interface_vez.css" />
598
599<link rel="stylesheet" type="text/css" href="/client_file/themes/default/css/custom_boutique.css" />
600<link rel="stylesheet" type="text/css" href="/client_file/themes/default/css/responsive_boutique.css" />
601
602
603<script type="text/javascript">
604// fix jQuery 1.8.0 and jQuery UI 1.8.22 bug with dialog buttons; http://bugs.jqueryui.com/ticket/8484
605if ( $.attrFn ) { $.attrFn.text = true; }
606
607/* Ajax Mini Cart */
608$(function(){
609	$( ".ajax_cart_init" ).tooltip({
610	      position: {
611	        my: "center top",
612	        at: "center bottom+5",
613	      },
614	      show: {
615	        duration: "fast"
616	      },
617	      hide: {
618	        effect: "hide"
619	      }
620	    });
621});
622</script>
622
623
624<script type="text/javascript" src="ext/jquery/ui/i18n/jquery.ui.datepicker-fr.js"></script>
vendor: 1 bytes, line 624
624
625<script type="text/javascript">
626$.datepicker.setDefaults($.datepicker.regional['fr']);
627</script>
627
628
629<script type="text/javascript" src="ext/jquery/bxGallery/jquery.bxGallery.1.1.min.js"></script>
629
630<link rel="stylesheet" type="text/css" href="ext/jquery/fancybox/jquery.fancybox-2.1.4.css" />
631<script type="text/javascript" src="ext/jquery/fancybox/jquery.fancybox-2.1.4.pack.js?1100"></script>
vendor: 1 bytes, line 631
631
632<script type="text/javascript" src="ext/js/jquery.scrollTo-min.js"></script>
vendor: 1 bytes, line 632
632
633<script type="text/javascript" src="ext/modules/engine/ajax_cart.js"></script>
633
634
635<script type="text/javascript">
636/* By Pass of Console.log */
637if(typeof(console)=="undefined"){
638   function Console(){}
639   console = new Console();
640   Console.prototype.log = function(param){};
641   Console.prototype.render = function(){};
642}
643
644//<![CDATA[
645
646var Login_Timeout = "";
647function set_timer(){
648	Login_Timeout = setTimeout("deconnection_login()",900000);
649}
650function trimString (str) 
651{
652  str = this != window? this : str;
653  return str.replace(/\s+/g, '').replace(/\s+$/g, '');
654}
655
656//String.prototype.trim = trimString;
657
658// REDIRECTION VERS UN AUTRE URL
659function Redirection(theUrl){
660	window.location.href=(theUrl);
661}
662
663//OUVERTURE D'UN POPUP
664function MM_openBrWindow(theURL,winName,features) { //v2.0
665	window.open(theURL,winName,features);
666}
667
668var win=null;
669function openfenetre(mypage,myname,w,h,scroll,pos){
670	if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
671	if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
672	else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
673	settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
674	win=window.open(mypage,myname,settings);
675}
676
677function datepicker(champ){
678	var newWindow;
679	var urlstring = '/admin/inc/libs/ext/datepicker/calendar.php?champ='+champ;
680	openfenetre(urlstring,'date','232','200','no','center');
681}
682
683function validate(current_form) 
684{  
685  var missing_fields = new Array()
686  var total_missing = 0;
687 
688  
689  // Loop through all the form elements
690  for (counter = 0; counter < current_form.length; counter++) 
691  {  
692  /*
693  	if (current_form[counter].type == "radio")
694	{
695		chosen = "";
696		len = document.getElementsByName(current_form[counter].name).length;
697		
698		for (i = 0; i <len; i++) 
699		{
700			if (current_form[counter].checked) 
701			{
702				chosen = current_form[counter].value;
703				break;
704			}
705		}
706		
707		if (chosen == "") 
708		{
709	        missing_fields[total_missing] = current_form[counter]
710    	    total_missing++
711		}				
712	}
713*/
714	
715    // Is this a visible text field that's mandatory?
716    if (current_form[counter].type == "text" || current_form[counter].type == "textarea" || current_form[counter].type == "password")  
717	{
718            // Is it empty?
719      if (its_empty(current_form[counter].value)) 
720	  {       
721        // If so, add the field to the array of missing fields
722        missing_fields[total_missing] = current_form[counter]
723        total_missing++
724      }
725    }
726  }
727
728  // Were there any fields missing?
729  if (total_missing > 0) 
730  {  
731    // Start the message
732    var missing_message = " " +
733               "\n______________________________\n\n"
734    
735    // Loop through the missing fields
736    for (counter = 0; counter < missing_fields.length; counter++) {
737      missing_message += missing_fields[counter].name + "\n"
738    }
739  
740    // Finish up and display the message
741    missing_message += "\n______________________________\n\n";
742    alert(missing_message)
743    
744    // For emphasis, put the focus on the first missing field
745    missing_fields[0].focus()
746	return false;
747  }
748  else 
749  {
750  
751    // Otherwise, go ahead and submit
752    return true;
753  }
754}
755
756function attribVal1ToVal2(id1,id2) 
757{
758    //alert(document.getElementById(''+id1+'').value);
759    document.getElementById(''+id2+'').value = document.getElementById(''+id1+'').value;
760}
761
762function toggleBlock(id) 
763{
764	if (document.getElementById)
765	{
766		if (document.getElementById(''+id+'').style.display == "block")	
767			document.getElementById(''+id+'').style.display = "none";
768		else
769			document.getElementById(''+id+'').style.display = "block";
770	}
771	else if (document.layers) 
772	{
773		if (document.layers[''+id+''].visibility == "show")	
774			document.layers[''+id+''].visibility = "hide";
775		else
776			document.layers[''+id+''].visibility = "show";	
777	}
778}
779
780//Get cookie routine by Shelley Powers 
781function get_cookie(Name) 
782{
783  var search = Name + "="
784  var returnvalue = "";
785  if (document.cookie.length > 0) {
786    offset = document.cookie.indexOf(search)
787    // if cookie exists
788    if (offset != -1) { 
789      offset += search.length
790      // set index of beginning of value
791      end = document.cookie.indexOf(";", offset);
792      // set index of end of cookie value
793      if (end == -1) end = document.cookie.length;
794      returnvalue=unescape(document.cookie.substring(offset, end))
795      }
796   }
797  return returnvalue;
798}
799
800function FormSendMail(form)
801{
802	var valeur = "";
803	
804	form.Submit.style.visibility = "hidden";
805
806	if (!(typeof(window.tblTexte) == "undefined"))
807		valeur += window.tblTexte.outerHTML;
808
809	if (!(typeof(window.tblForm) == "undefined"))
810		valeur += window.tblForm.outerHTML;
811		
812	form.FormValues.value  = valeur;
813	//alert(form.FormValues.value);
814	return true;
815}
816
817function FormSendMail_byGenerator(TFID)
818{
819	//alert('yo');
820	e = window.document.form1.elements;
821	
822	for (i=0; i < e.length ; i++) 
823	{
824		e[i].setAttribute('value',e[i].value);
825		//alert(e[i].type);
826		
827		if (e[i].type == "button" || e[i].type == "submit")
828		{
829			e[i].style.visibility = "hidden";
830		}
831		else if (e[i].type == "radio" || e[i].type == "checkbox")
832		{
833			if (e[i].checked == true)
834			{
835				e[i].setAttribute('checked',true);
836				//e[i].checked = "on";
837				//alert("tri" + e[i].value);
838			}
839			else
840			{
841				e[i].removeAttribute('checked','');
842			}			
843		}		
844		else if (e[i].type == "select-one")
845		{	
846			//alert(e[i].selectedIndex);			
847			//e[i].options[e[i].selectedIndex].selected = true;
848			
849			for (j=0;j<e[i].length;j++)
850			{
851				e[i].options[j].removeAttribute('selected','');
852			}
853			
854			e[i].options[e[i].selectedIndex].setAttribute('selected',true);
855		}
856		else if (e[i].type == "textarea")
857		{
858//			alert(e[i].type + " = " + e[i].value);
859//			e[i].setAttribute('value',e[i].value);
860			e[i].innerHTML = e[i].value;
861		}
862	}	
863
864	var valeur = "";
865	
866	
867	var TFORM = document.getElementById(TFID);
868	if (TFORM.Reset) TFORM.Reset.style.visibility = "hidden";
869	if (TFORM.Submit) TFORM.Submit.style.visibility = "hidden";
870
871	if (!(typeof(window.tblForm) == "undefined"))
872		valeur += window.tblForm.outerHTML;
873
874	if ((!valeur || valeur == "undefined") && document.getElementById(TFID).innerHTML)
875		valeur = document.getElementById(TFID).innerHTML;
876	
877	//alert(valeur);
878	
879	
880	if (valeur)
881	{
882		document.getElementById('FormValues').value  = valeur;
883		//window.document.form1.FormValues.value = valeur;
884		return true;
885	}
886	else return false;
887}
888
889function formTelephoneAutoFormatField(e, phoneFieldId, phoneValueNew){
890     var key;     
891     if(window.event) key = window.event.keyCode; //IE
892     else key = e.which; //firefox     
893
894    var keyNumbers = new Array();
895        keyNumbers[48]='0';keyNumbers[49]='1';keyNumbers[50]='2';keyNumbers[51]='3';keyNumbers[52]='4';keyNumbers[53]='5';keyNumbers[54]='6';keyNumbers[55]='7';keyNumbers[56]='8';keyNumbers[57]='9';
896        keyNumbers[96]='0';keyNumbers[97]='1';keyNumbers[98]='2';keyNumbers[99]='3';keyNumbers[100]='4';keyNumbers[101]='5';keyNumbers[102]='6';keyNumbers[103]='7';keyNumbers[104]='8';keyNumbers[105]='9';
897    phoneValue = String(phoneValueNew) + String(keyNumbers[key]);
898
899    // 0-9 keypad = 96-105 , 0-9 board = 48-57
900    if((key >= 48 && key <= 57) || (key >= 96 && key <= 105)){
901        // Check if the value IS a number. If not, warn the user to input only numbers.
902        phoneValue = phoneValue.replace(/-/g, '');
903        phoneValue = phoneValue.replace(/e/g, '');
904        phoneValue = phoneValue.replace(/x/g, '');
905        phoneValue = phoneValue.replace(/t/g, '');
906        phoneValue = phoneValue.replace(/:/g, '');
907        phoneValue = phoneValue.replace(/ /g, '');
908        var sLen = String(phoneValue).length;
909
910        if(phoneValue.substring(0, 1) == 1){
911            if (sLen == 1) newPhoneValue = phoneValue;
912            else if (sLen >= 2 && sLen <= 4) newPhoneValue = phoneValue.substring(0, 1) + '-' + phoneValue.substring(1);
913            else if (sLen >= 5 && sLen <= 7) newPhoneValue = phoneValue.substring(0, 1) + '-' + phoneValue.substring(1, 4) + '-' + phoneValue.substring(4);
914            else if (sLen >= 7 && sLen <= 11) newPhoneValue = phoneValue.substring(0, 1) + '-' + phoneValue.substring(1, 4) + '-' + phoneValue.substring(4, 7) + '-' + phoneValue.substring(7);
915            else if (sLen >= 11) newPhoneValue = phoneValue.substring(0, 1) + '-' + phoneValue.substring(1, 4) + '-' + phoneValue.substring(4, 7) + '-' + phoneValue.substring(7, 11) + ' ext:' + phoneValue.substring(11, sLen);
916        }
917        else{
918            if (sLen <= 3) newPhoneValue = phoneValue;
919            else if (sLen >= 3 && sLen <= 6) newPhoneValue = phoneValue.substring(0, 3) + '-' + phoneValue.substring(3);
920            else if (sLen >= 6 && sLen <= 10) newPhoneValue = phoneValue.substring(0, 3) + '-' + phoneValue.substring(3, 6) + '-' + phoneValue.substring(6);
921            else if (sLen >= 10) newPhoneValue = phoneValue.substring(0, 3) + '-' + phoneValue.substring(3, 6) + '-' + phoneValue.substring(6, 10) + ' ext:' + phoneValue.substring(10, sLen);
922        }
923        document.getElementById(phoneFieldId).setAttribute('maxlength', 30);
924        document.getElementById(phoneFieldId).value = newPhoneValue;
925
926        return (key != key);
927    }
928   else if ((key != 8) && (key !=9))
929	 return (key != key);
930}
931
932var firstCall = true;
933var TITREONCE = 0, STYLE5ONCE = 0, SOUSTITREONCE = 0, TITRE_f_ONCE = 0;
934
935
936function SecureLevel(response) {
937	max_val = parseInt(document.getElementById('secure_level').style.width);
938	response = parseFloat(response)
939	if (response < 0.5) color = '#ff0000';
940	else if (response < 0.8) color = '#ffff00';
941	else color = '#00ff00';
942	document.getElementById('secure_level_value').style.backgroundColor = color;
943	document.getElementById('secure_level_value').style.width = Math.round(max_val * response) + 'px';
944}
945//]]>
946</script>
946
947
948<!--<link rel="stylesheet" type="text/css" href="ext/960gs/960_24_col.css" />-->
949
950<!--
950<script type='text/javascript' src='ajax/javascript/bootstrap.js?1308'></script>
950-->
951
952<script type="text/javascript" src="ext/js/custom.js"></script>
vendor: 1 bytes, line 952
952
953<script type='text/javascript'>//<![CDATA[
954$(function(){
955$('p a').tooltip().eq(0).tooltip('show').tooltip('disable').one('mouseout', function() {
956  $(this).tooltip('enable');
957});
958
959setTimeout(function() {
960 $('p a').tooltip().eq(0).tooltip('hide').tooltip('enable');
961}, 5000);
962});//]]> 
963
964</script>
964
965</head>
966<body>
967
968<!--<div id="bodyWrapper" class="container">-->
969
970
971
972<body>
973        
973<script type="text/javascript">
974        $(window).resize(function() {
975            $('#contactUs-form').css('height', (window.innerHeight - 180));
976        });
977        $(window).load(function() {
978            $('#contactUs-form').css('height', (window.innerHeight - 180));
979        });
980    </script>
980
981    <style type="text/css">
982        #contactUs-form {
983            max-height: 658px !important;
984            overflow-y: auto;
985        }
986
987    </style>
988    <div id="request-contactUs" class="wow animated fadeInRight" data-wow-delay="0.2s">
989    	<div id="contactUs-tab">
990    		<span style="background-color: #339989">CONTACTEZ-NOUS!</span>
991    	</div>
992    	<div id="contactUs-form">
993    		<a id="close" class="contactUs-close" href="javascript:void(0);">
994    			<img src="/client_file/themes/default/interface/close.png">
995    		</a>
996            <div>
997                <div class="clearfix"></div>
998<br />
999<div id="Module-ContactForm">
1000
1001        
1002
1003
1004    <form action="" id="contactFormSide" method="post">
1005
1006        <div class="Field">
1007        	<label>Nom<sup class="MandatoryField">*</sup></label>
1008            <input type="text" name="NomF" style="width: 90%;" value="" required="required" />
1009        </div>
1010
1011        <div class="Field">
1012        	<label>Courriel<sup class="MandatoryField">*</sup></label>
1013            <input type="text" name="CourrielF" style="width: 90%;" value="" required="required" />
1014        </div>
1015
1016        <div class="Field">
1017            <label>Sujet<sup class="MandatoryField">*</sup></label>
1018            <input type="text" name="SujetF" style="width: 90%;" value="" required="required" />
1019        </div>
1020
1021        <div class="Field">
1022            <label>Commentaires<sup class="MandatoryField">*</sup></label>
1023            <textarea name="MessageF" cols="" rows="" style="width: 90%;" required="required"></textarea>
1024        </div>
vendor: 92 bytes, lines 1024-1027
1024
1025
1026        			<script src="https://www.google.com/recaptcha/api.js" async defer></script>
1027			
1027<div style="" class="g-recaptcha" data-sitekey="6LfBCuEZAAAAAIenbFcfCsJ3VDNwQpfrGm5WXPNb"></div>
1028			<input class="BtnFormsInput" name="submit" type="submit" value="Envoyer" />
1029			<br />
1030        <input type="hidden" name="action" value="send" />
1031
1032    </form>
1033
1034</div>
1035
1036            </div>
1037
1038        </div>
1039    </div>
1040
1041        <style type="text/css">
1042            .active_hd {
1043                background-color: #339989 !important;
1044            }
1045        </style><div id="spc_login_wrapper" style="background-color: #339989;">
1046    <div class="container" >
1047        <!-- login box start -->
1048
1049        <div class="login-box" style="background-color: #339989;">
1050        	<a class="close-login" href="#"><i class="fa fa-times"></i></a>
1051            <h2 class="text-center">Vous devez vous identifier avant de continuer dans cette section</h2>
1052        	<form method="POST" action="/boutique/login.php?action=process">
1053      			<div class="login-controls">
1054                    <div class="row text-center">
1055        				<div class="col-md-5" style="text-align: left;">
1056        					<input type="text" name="email_address" required class="txt-box skew25" placeholder="Identifiant" />
1057                            <br /><br /><br />
1058                            <a style="color: #fff;" href="/boutique/create_account_benevole.php">Devenir B&eacute;n&eacute;vole </a>
1059        				</div>
1060        				<div class="col-md-5">
1061        					<input type="password" name="password" required class="txt-box skew25" placeholder="Mot de passe" />
1062                            <br />
1063                            <a id="forgot_pass" href="/boutique/password_forgotten.php">Mot de passe oubli&eacute;?</a>
1064                            <div class="check-box-box right"><br />
1065                                    					   <input type="checkbox" class="check-box" value="1" name="rmb_login" style="margin-right: 10px;" checked="checked" /><span style="color: #fff;"> Se souvenir de moi</span>
1066        				    </div>
1067        				</div>
1068
1069        				<div class="col-md-2" >
1070        					<input type="submit" style="margin-top: 0 !important;" class="Btn" value="Connexion" />
1071        				</div>
1072                    </div>
1073                </div>
1074        	</form>
1075        </div>
1076        <!-- login box End -->
1077    </div>
1078</div>
1079
1080<div id="header" style="position: relative;">
1081    <div id="header_bg"></div>
1082    <div class="container"  >
1083        <div class="row" >
1084            <div id="menu_secondaire_search">
1085                <ul class="secondary_menu"><li data-wow-delay='0.4s' class='wow fadeIn animated second_menu_sep'><a href='https://www.cabgm.org/politique-de-confidentialite'>Politique de confidentialité</a></li><li data-wow-delay='0.6s' class='wow fadeIn animated second_menu_sep'><a href='https://www.cabgm.org/nous-joindre'><i class="fa fa-envelope-open" aria-hidden="true"></i>Nous joindre</a></li><li data-wow-delay="0.10s" class="wow fadeIn animated second_menu_sep">
1086                <div id="TextTransform">
1087                	<a href="#" id="SmallText">A</a>
1088                    <a href="#" id="BigText">A</a>
1089                </div>
1090             </li><li style="margin-top: 5px;"><a data-wow-delay="1.0s" class="wow fadeInDown animated social face" id="" href="https://www.facebook.com/cabgrandmere/" target="_blank"></a></li>
1091   </ul>
1092        <style type="text/css">
1093            .social {
1094                width: 35px !important;
1095                height: 35px !important;
1096            }
1097        </style>                <div class="top-search wow fadeInDown" data-wow-delay="0.9s" style="margin-top: 10px;">
1098                    <form name="quick_find" method="post" action="/rechercher.php">
1099                        <input type="hidden" name="rechercher_type" value="0">
1100                        <input type="hidden" name="search_from" value="menu">
1101                        <input type="hidden" name="rechercheparF" value="all">
1102                        <input type="hidden" name="change_section" value="null">
1103                		<!--<a href="#"><i class="fa fa-search" aria-hidden="true"></i></a>-->
1104                    	<div class="search-box">
1105                    		<div class="input-box left">
1106                    			<input type="text" name="rechercher" id="t-search" class="txt-box" required placeHolder="Tapez l'expression recherchée..." />
1107                    		</div>
1108                    		<div class="left">
1109                    			<input type="submit" id="b-search" class="fa fa-input btn main-bg" value="&#xf002" />         <!-- class="btn main-bg" -->
1110                    		</div>
1111                    	</div>
1112                    </form>
1113                </div>
1114                            </div>
1115            <a href="/" id="logo" class="wow animated fadeInDown" data-wow-delay="0.2s"><img src="https://www.cabgm.org/client_file/themes/logos/logo_tag.png" /></a>
1116                    </div>
1117            </div>
1118</div>
1119<div id="menu_principal" style="border-bottom: 8px solid #E6E6E6; ;">
1120    <div class="container">
1121        <div id="main_menu_wrapper">
1122            <nav id="main-navbar" class="navbar navbar-inverse">
1123  <!--<div class="container no-padd">-->
1124
1125    <div class="navbar-header">
1126        <a class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" href="#">
1127            <span class="icon-bar"></span>
1128            <span class="icon-bar"></span>
1129            <span class="icon-bar"></span>
1130        </a>
1131    </div>
1132    <div class="collapse navbar-collapse" id="myNavbar">
1133
1134
1135        <ul class="nav navbar-nav">
1136            <li id="logo_sticky_nav" style="display: none;">
1137                <a href="/" id="link_logo_nav">
1138                    <img src="https://www.cabgm.org/client_file/themes/logos/logo_tag.png" />                </a>
1139            </li>
1140        	<li class=" dropdown"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">À propos de nous <span class="caret"></span></a><ul class="dropdown-menu "><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/qui-sommes-nous' class=""  >Qui sommes-nous et que faisons-nous  </a></li><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/notre-histoire' class=""  >Notre histoire </a></li><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/membre-de' class=""  >Membre de… </a></li><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/notre-conseil-d-administration' class=""  >Notre conseil d’administration </a></li><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/notre-equipe' class=""  >Notre équipe  </a></li><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/publications' class=""  >Publications </a></li><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/journal-le-caboulot' class=""  >Journal Le Caboulot </a></li><li class=" "><a href='https://www.cabgm.org/a-propos-de-nous/liens-utiles' class=""  >Liens utiles </a></li></ul></li><li class=" dropdown"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Nos services <span class="caret"></span></a><ul class="dropdown-menu "><li class=" "><a href='https://www.cabgm.org/nos-services/services-aux-individus' class=""  >Services aux individus </a></li><li class=" "><a href='https://www.cabgm.org/nos-services/services-maintien-a-domicile' class=""  >Services maintien à domicile </a></li><li class=" "><a href='https://www.cabgm.org/nos-services/soutien-aux-organismes' class=""  >Soutien aux organismes </a></li></ul></li><li class=" dropdown"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Devenez bénévole <span class="caret"></span></a><ul class="dropdown-menu "><li class=" "><a href='http://www.cabgm.org/boutique/create_account_benevole.php' class=""  >Mon profil bénévole </a></li><li class=" "><a href='https://www.cabgm.org/devenez-benevole/au-cab-de-grand-mere' class=""  >Au CAB de Grand-Mère </a></li><li class=" "><a href='https://www.cabgm.org/devenez-benevole/dans-la-collectivite' class=""  >Dans la collectivité </a></li><li class=" "><a href='https://www.cabgm.org/devenez-benevole/offres-de-postes-benevoles' class=""  >Offres de postes bénévoles </a></li></ul></li><li class=" dropdown"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Semaine de l’action bénévole (SAB) <span class="caret"></span></a><ul class="dropdown-menu "><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/theme-et-date' class=""  >Thème et date </a></li><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/activite-reconnaissance-jeunesse' class=""  >Activité Reconnaissance Jeunesse </a></li><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/gala-hommage-aux-benevoles' class=""  >Gala hommage aux bénévoles </a></li><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/prix-evenement' class=""  >Prix Événement de l’année </a></li><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/trophee-micheline-m-villemure' class=""  >Trophée Micheline M. Villemure </a></li><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/trophee-benevolat-jeunesse' class=""  >Trophée Bénévolat Jeunesse </a></li><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/trophee-frank-gauthier' class=""  >
1140Trophée Frank Gauthier </a></li><li class=" "><a href='https://www.cabgm.org/semaine-de-l-action-benevole/prix-reconnaissance' class=""  >Prix Reconnaissance </a></li></ul></li><li class=" "><a href='https://www.cabgm.org/repertoire-des-ressources' class="" >Répertoire des ressources </a></li><li class=" "><a href='https://www.cabgm.org/rapports-annuels' class="" >Rapports annuels </a></li><li class=" "><a href='https://www.canadahelps.org/fr/dn/56348' target='_blank' class="" >Donnez </a></li>        </ul>
1141    </div>
1142  <!--</div>-->
1143
1144</nav>        </div>
1145    </div>
1146</div>
1147
1148<!-- Section Quicklinks -->
1149                <div id="entete_image_interne" style="background-image: url('/client_file/themes/default/interface/site/theme_part_2022121155744129.jpg');" class="wow animated fadeIn" data-wow-delay="0.2s">
1150                        <div class="container fix_overflow"  >
1151                                <div class="col-md-12 fix_overflow" >
1152                                        <h1 id="slogant_page_interne" class="fix_overflow">Devenir bénévole</h1>
1153                                </div>
1154                        </div>
1155                </div>
1156        </div>
1157</div>
1158<div class="container wow animated fadeIn" id="main_wrapper_interne" data-wow-delay="0.4s">
1159        <div class="container_content">
1160        <div class="col-md-12" style="overflow: hidden;">
1161
1162
1163<!--
1164<div class=" infoBoxContainer">
1165    <div class="col-md-12">
1166        <div class="breadcrumbs infoBoxHeading">&nbsp;&nbsp;<a href="https://www.cabgm.org" class="headerNavigation">Accueil</a> &raquo; <a href="https://www.cabgm.org/boutique/index.php?CABGM=edec7b0304ecc2ee30732c3aed549d48" class="headerNavigation">Catalogue</a> &raquo; <a href="https://www.cabgm.org/boutique/create_account_benevole.php?CABGM=edec7b0304ecc2ee30732c3aed549d48" class="headerNavigation">Créer un compte</a></div>
1167    </div>
1168</div>-->
1169
1170
1171
1172<div id="bodyContent" class="">
1173<script type="text/javascript"><!--
1174var form = "";
1175var submitted = false;
1176var error = false;
1177var error_message = "";
1178
1179function check_input(field_name, field_size, message) {
1180  if (form.elements[field_name] && (form.elements[field_name].type != "hidden")) {
1181    var field_value = form.elements[field_name].value;
1182
1183    if (field_value.length < field_size) {
1184      error_message = error_message + "* " + message + "\n";
1185      error = true;
1186    }
1187  }
1188}
1189
1190function check_radio(field_name, message) {
1191  var isChecked = false;
1192
1193  if (form.elements[field_name] && (form.elements[field_name].type != "hidden")) {
1194    var radio = form.elements[field_name];
1195
1196    for (var i=0; i<radio.length; i++) {
1197      if (radio[i].checked == true) {
1198        isChecked = true;
1199        break;
1200      }
1201    }
1202
1203    if (isChecked == false) {
1204      error_message = error_message + "* " + message + "\n";
1205      error = true;
1206    }
1207  }
1208}
1209
1210function check_select(field_name, field_default, message) {
1211  if (form.elements[field_name] && (form.elements[field_name].type != "hidden")) {
1212    var field_value = form.elements[field_name].value;
1213
1214    if (field_value == field_default) {
1215      error_message = error_message + "* " + message + "\n";
1216      error = true;
1217    }
1218  }
1219}
1220
1221function check_password(field_name_1, field_name_2, field_size, message_1, message_2) {
1222  if (form.elements[field_name_1] && (form.elements[field_name_1].type != "hidden")) {
1223    var password = form.elements[field_name_1].value;
1224    var confirmation = form.elements[field_name_2].value;
1225
1226    if (password.length < field_size) {
1227      error_message = error_message + "* " + message_1 + "\n";
1228      error = true;
1229    } else if (password != confirmation) {
1230      error_message = error_message + "* " + message_2 + "\n";
1231      error = true;
1232    }
1233  }
1234}
1235
1236function check_form(form_name) {
1237  if (submitted == true) {
1238    alert("Ce formulaire a été déjà soumis. Veuillez appuyer sur Ok et attendez jusqu'à ce que le traitement soit fini.");
1239    return false;
1240  }
1241
1242  error = false;
1243  form = form_name;
1244  error_message = "Des erreurs sont survenues durant le traitement de votre formulaire.\n\nVeuillez effectuer les corrections suivantes :\n\n";
1245
1246  check_radio("gender", "Veuillez choisir votre genre.");
1247
1248  check_input("firstname", 2, "Votre prénom doit contenir un minimum de 2 caractères.");
1249  check_input("lastname", 2, "Votre nom doit contenir un minimum de 2 caractères.");
1250
1251
1252  check_input("email_address", 6, "Votre adresse courriel doit contenir un minimum de 6 caractères.");
1253  check_input("street_address", 5, "Votre adresse doit contenir un minimum de 5 caractères.");
1254  check_input("postcode", 4, "Votre code postal doit contenir un minimum de 4 caractères.");
1255  check_input("city", 3, "Votre ville doit contenir un minimum de 3 caractères.");
1256
1257  check_input("state", 2, "Votre province doit contenir un minimum de 2 caractères.");
1258
1259  check_select("country", "", "Veuillez choisir un pays à partir de la liste déroulante.");
1260
1261  //check_input("tel_alternatif", 3, "Votre numéro de téléphone doit contenir un minimum de 3 caractères.");
1262
1263  check_password("password", "confirmation", 6, "Votre mot de passe doit contenir un minimum de 6 caractères.", "Le mot de passe de confirmation doit être identique à votre mot de passe.");
1264  check_password("password_new", "password_confirmation", 6, "Votre nouveau mot de passe doit contenir un minimum de 6 caractères.", "Le mot de passe de confirmation doit être identique à votre nouveau mot de passe.");
1265
1266  if (error == true) {
1267    alert(error_message);
1268    return false;
1269  } else {
1270    submitted = true;
1271    return true;
1272  }
1273}
1274
1275function check_form_autoPassword(form_name) {
1276  if (submitted == true) {
1277    alert("Ce formulaire a été déjà soumis. Veuillez appuyer sur Ok et attendez jusqu'à ce que le traitement soit fini.");
1278    return false;
1279  }
1280
1281  error = false;
1282  form = form_name;
1283  error_message = "Des erreurs sont survenues durant le traitement de votre formulaire.\n\nVeuillez effectuer les corrections suivantes :\n\n";
1284
1285  check_radio("gender", "Veuillez choisir votre genre.");
1286
1287  check_input("firstname", 2, "Votre prénom doit contenir un minimum de 2 caractères.");
1288  check_input("lastname", 2, "Votre nom doit contenir un minimum de 2 caractères.");
1289
1290
1291  check_input("email_address", 6, "Votre adresse courriel doit contenir un minimum de 6 caractères.");
1292  check_input("street_address", 5, "Votre adresse doit contenir un minimum de 5 caractères.");
1293  check_input("postcode", 4, "Votre code postal doit contenir un minimum de 4 caractères.");
1294  check_input("city", 3, "Votre ville doit contenir un minimum de 3 caractères.");
1295
1296  check_input("state", 2, "Votre province doit contenir un minimum de 2 caractères.");
1297
1298  check_select("country", "", "Veuillez choisir un pays à partir de la liste déroulante.");
1299
1300  //check_input("tel_alternatif", 3, "Votre numéro de téléphone doit contenir un minimum de 3 caractères.");
1301
1302  //check_password("password", "confirmation", 6, "Votre mot de passe doit contenir un minimum de 6 caractères.", "Le mot de passe de confirmation doit être identique à votre mot de passe.");
1303  //check_password("password_new", "password_confirmation", 6, "Votre nouveau mot de passe doit contenir un minimum de 6 caractères.", "Le mot de passe de confirmation doit être identique à votre nouveau mot de passe.");
1304
1305  if (error == true) {
1306    alert(error_message);
1307    return false;
1308  } else {
1309    submitted = true;
1310    return true;
1311  }
1312}
1313
1314function check_form_address(form_name) {
1315
1316
1317  error = false;
1318  form = form_name;
1319  error_message = "Des erreurs sont survenues durant le traitement de votre formulaire.\n\nVeuillez effectuer les corrections suivantes :\n\n";
1320
1321  check_radio("gender", "Veuillez choisir votre genre.");
1322
1323  check_input("firstname", 2, "Votre prénom doit contenir un minimum de 2 caractères.");
1324  check_input("lastname", 2, "Votre nom doit contenir un minimum de 2 caractères.");
1325
1326  check_input("email_travail", 6, "Votre adresse courriel doit contenir un minimum de 6 caractères.");
1327  check_input("street_address_travail", 5, "Votre adresse doit contenir un minimum de 5 caractères.");
1328  check_input("postcode_travail", 4, "Votre code postal doit contenir un minimum de 4 caractères.");
1329  check_input("city_travail", 3, "Votre ville doit contenir un minimum de 3 caractères.");
1330
1331  check_input("state_travail", 2, "Votre province doit contenir un minimum de 2 caractères.");
1332
1333  check_select("country_travail", "", "Veuillez choisir un pays à partir de la liste déroulante.");
1334  check_select("id_section", "", "Choississez à quelle section vous souhaitez appartenir");
1335  check_select("membership_activite", "", "Quel est votre secteur d'activité");
1336  check_select("id_jobcat", "","Choississez à quelle catégorie vous appartenez");
1337
1338  check_input("tel_alternatif", 3, "Votre numéro de téléphone doit contenir un minimum de 3 caractères.");
1339
1340  check_password("password", "confirmation", 6, "Votre mot de passe doit contenir un minimum de 6 caractères.", "Le mot de passe de confirmation doit être identique à votre mot de passe.");
1341  check_password_new("password_current", "password_new", "password_confirmation", 6, "Votre mot de passe doit contenir un minimum de 6 caractères.", "Votre nouveau mot de passe doit contenir un minimum de 6 caractères.", "Le mot de passe de confirmation doit être identique à votre nouveau mot de passe.");
1342                                                                              
1343  
1344  
1345  
1346  if(form_name.membership_groupe.value==""){
1347      error=true;
1348      error_message=error_message+"\nChoisissez votre type de membership" ;
1349  } else {
1350    if(form_name.membership_groupe.value ==108 || form_name.membership_groupe.value==10){
1351        if(form_name.approved_pea_1.value==0 || form_name.approved_pea_2.value==0){
1352              error=true;
1353              error_message=error_message+"\nVous devez confirmer les 2 bénéficiaires"  ;
1354        }
1355    }
1356  }
1357
1358  if (error == true) {
1359    alert(error_message);
1360    return false;
1361  } else { 
1362    return true;
1363  }
1364}
1365      
1366	  
1367//--></script>
1367
1368<!--
1369<h1>Information de mon compte</h1>
1370-->
1371<!--
1372<p><font color="#FF0000"><small><strong>REMARQUE:</strong></small></font> Si vous avez déjà un compte chez nous, veuillez vous connecter à la page d'<a href="https://www.cabgm.org/boutique/login.php?CABGM=edec7b0304ecc2ee30732c3aed549d48"><u>ouverture de session</u></a>.</p>
1373-->
1374<link rel="stylesheet" href="/gi2-modules/custom/membership/javascript/pik.css">
1375<script src="/gi2-modules/custom/membership/javascript/moment.js"></script>
vendor: 1 bytes, line 1375
1375
1376<script src="/gi2-modules/custom/membership/javascript/pick.js"></script>
1376
1377
1378<form name="create_account_benevole" action="https://www.cabgm.org/boutique/create_account_benevole.php?CABGM=edec7b0304ecc2ee30732c3aed549d48" method="post" onsubmit="return check_form_autoPassword(create_account_benevole);" id="createAccountBenevole"><input type="hidden" name="formid" value="dc2b35dda912eb963385b907940b5506" /><input type="hidden" name="action" value="process" />
1379<div class="contentContainer">
1380        <div>
1381        <span class="inputRequirement" style="float: right;">* Information requise</span>
1382        <h2>Vos détails personnels</h2>
1383    </div>
1384
1385    
1386
1387    <div class="contentText">
1388        <div class="responsive_table">
1389
1390                            <div class="row my-3">
1391                    <div class="col-md-3 col-12 font-weight-bolder" >Genre                        <span class="inputRequirement ">*</span>
1392                    </div>
1393
1394                    
1395                        <div class="col-md-3 col-12 " style="margin-bottom:1rem;">
1396                            <input type="radio" name="gender" value="m"><label>&nbsp;&nbsp;Homme </label>
1397                            <input type="radio" name="gender" value="f"><label>&nbsp;&nbsp;Femme </label>
1398                            <input type="radio" name="gender" value="a"><label>&nbsp;&nbsp;Non genré </label>
1399
1400                        </div>
1401
1402                                    </div>
1403                            <div class="row my-3">
1404                    <div class="col-md-3 col-12 font-weight-bolder" >Prénom                        <span class="inputRequirement ">*</span>
1405                    </div>
1406
1407                                            <div class="col-md-3 col-12 " style="margin-bottom:1rem;">
1408                                                        <input type="text" name="firstname" class="form-control" required>
1409                        </div>
1410                                    </div>
1411                            <div class="row my-3">
1412                    <div class="col-md-3 col-12 font-weight-bolder" >Nom                        <span class="inputRequirement ">*</span>
1413                    </div>
1414
1415                                            <div class="col-md-3 col-12 " style="margin-bottom:1rem;">
1416                                                        <input type="text" name="lastname" class="form-control" required>
1417                        </div>
1418                                    </div>
1419                            <div class="row my-3">
1420                    <div class="col-md-3 col-12 font-weight-bolder" >Date de naissance                        
1421                    </div>
1422
1423                    
1424                        <div class="col-md-3 col-12 " style="margin-bottom:1rem;">
1425                            <input class="form-control" type="text" name="dob" id="datepicker" placeholder="YYYY-MM-DD">
1426                            <span class="inputRequirement ">* (ex. 1970-05-21)</span>
1427                        </div>
1428
1429
1430                                    </div>
1431                            <div class="row my-3">
1432                    <div class="col-md-3 col-12 font-weight-bolder" >Adresse courriel                        <span class="inputRequirement ">*</span>
1433                    </div>
1434
1435                                            <div class="col-md-3 col-12 " style="margin-bottom:1rem;">
1436                                                        <input type="text" name="email_address" class="form-control" required>
1437                        </div>
1438                                    </div>
1439            
1440
1441                            <h2>Vos coordonnées</h2>                    
1442                                    <div class="row my-3">
1443                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">Adresse                            <span class="inputRequirement ">*</span>
1444
1445                        </div>
1446                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1447
1448                            
1449                                <input type="text" style="width:55%;display: inline-block!important;"name="street_address" class="form-control" required>
1450                                                                                 </div>
1451                    </div>
1452                                    <div class="row my-3">
1453                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">Suite                            
1454
1455                        </div>
1456                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1457
1458                            
1459                                <input type="text" style="width:55%;display: inline-block!important;"name="entry_address_extra" class="form-control" >
1460                                                                                 </div>
1461                    </div>
1462                                    <div class="row my-3">
1463                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">Code postal                            
1464
1465                        </div>
1466                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1467
1468                            
1469                                <input type="text" style="width:55%;display: inline-block!important;"name="postcode" class="form-control" >
1470                                                                                 </div>
1471                    </div>
1472                                    <div class="row my-3">
1473                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">
1473Ville                            <span class="inputRequirement ">*</span>
1474
1475                        </div>
1476                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1477
1478                            
1479                                <input type="text" style="width:55%;display: inline-block!important;"name="city" class="form-control" required>
1480                                                                                 </div>
1481                    </div>
1482                                    <div class="row my-3">
1483                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">Province                            <span class="inputRequirement ">*</span>
1484
1485                        </div>
1486                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1487
1488                                                         
1489                                            <input type="text" name="state" value="Québec" class="form-control" required>
1490                                                                                 </div>
1491                    </div>
1492                                    <div class="row my-3">
1493                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">Pays                            
1494
1495                        </div>
1496                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1497
1498                            <select name="country" class=" form-control "  ><option value="">Choisissez</option><option value="1">Afghanistan</option><option value="193">Afrique du Sud</option><option value="2">Albanie</option><option value="3">Algérie</option><option value="81">Allemagne</option><option value="5">Andorre</option><option value="6">Angola</option><option value="7">Anguilla</option><option value="8">Antarctique</option><option value="9">Antigua et Barbuda</option><option value="184">Arabie Saoudite</option><option value="10">Argentine</option><option value="11">Arménie</option><option value="12">Aruba</option><option value="13">Australie</option><option value="14">Autriche</option><option value="15">Azerbaïdjan</option><option value="16">Bahamas</option><option value="17">Bahrain</option><option value="18">Bangladesh</option><option value="19">Barbades</option><option value="20">Belarus</option><option value="21">Belgique</option><option value="22">Belize</option><option value="23">Bénin</option><option value="24">Bermudes</option><option value="25">Bhutan</option><option value="26">Bolivie</option><option value="27">BosniaandHerzegowina</option><option value="28">Botswana</option><option value="29">BouvetIsland</option><option value="30">Brésil</option><option value="32">BruneiDarussalam</option><option value="33">Bulgarie</option><option value="34">BurkinaFaso</option><option value="35">Burundi</option><option value="36">Cambodge</option><option value="37">Cameroun</option><option value="38" selected="selected">Canada</option><option value="39">CapeVerde</option><option value="40">CaymanIslands</option><option value="41">CentralAfricanRepublic</option><option value="43">Chili</option><option value="44">Chine</option><option value="45">ChristmasIsland</option><option value="55">Chypre</option><option value="46">Cocos(Keeling)Islands</option><option value="47">Colombie</option><option value="48">Comores</option><option value="49">Congo</option><option value="50">CookIslands</option><option value="112">Corée du Nord</option><option value="113">Corée du Sud</option><option value="51">CostaRica</option><option value="52">CoteD&#039;Ivoire</option><option value="53">Croatia</option><option value="54">Cuba</option><option value="57">Danemark</option><option value="58">Djibouti</option><option value="59">Dominica</option><option value="63">Egypt</option><option value="221">Emirats Arabes Unis</option><option value="62">Equateur</option><option value="66">Eritrea</option><option value="195">Espagne</option><option value="67">Estonie</option><option value="223">Etats-Unis</option><option value="68">
1498Ethiopie</option><option value="71">Fiji</option><option value="72">Finlande</option><option value="73">France</option><option value="74">France Métropolitan</option><option value="78">Gabon</option><option value="79">Gambie</option><option value="80">Géorgie</option><option value="82">Ghana</option><option value="83">Gibraltar</option><option value="84">Grèce</option><option value="86">Grenada</option><option value="85">Groenland</option><option value="87">Guadeloupe</option><option value="88">Guam</option><option value="89">Guatemala</option><option value="90">Guinée</option><option value="65">Guinée équatoriale</option><option value="91">Guinée-Bissau</option><option value="75">Guyane</option><option value="92">Guyane</option><option value="93">Haïti</option><option value="150">Hollandes</option><option value="151">Hollandes Antilles</option><option value="95">Honduras</option><option value="96">HongKong</option><option value="97">Hongrie</option><option value="158">Île De la Norfolk</option><option value="159">Île Mariannes du Nord</option><option value="70">Îles De Faroe</option><option value="94">Îles De Heardand McDonald</option><option value="201">Îles de Svalbard et de JanMayen</option><option value="233">Îles de Wallis et de Futuna</option><option value="133">Îles Marshall</option><option value="136">Îles Maurice</option><option value="224">Îles Périphériques Mineures Des Etats-Unis</option><option value="191">Îles Salomon</option><option value="217">Îles Turques et Caïques</option><option value="232">Îles Vierges américaines</option><option value="231">Îles Vierges britanniques</option><option value="99">Inde</option><option value="100">Indonésie</option><option value="102">Irak</option><option value="101">Iran</option><option value="103">Irlande</option><option value="98">Islande</option><option value="104">Israel</option><option value="105">Italie</option><option value="106">Jamaïque</option><option value="107">Japon</option><option value="108">Jordanie</option><option value="109">Kazakhstan</option><option value="110">Kenya</option><option value="111">Kiribati</option><option value="114">Kowéit</option><option value="115">Kyrgyzstan</option><option value="116">Laos</option><option value="117">Latvia</option><option value="119">Lesotho</option><option value="118">Liban</option><option value="120">Libéria</option><option value="121">Libyen</option><option value="122">Liechtenstein</option><option value="123">Lithuanie</option><option value="124">Luxembourg</option><option value="125">Macau</option><option value="126">Macedonia</option><option value="127">Madagascar</option><option value="129">Malaisie</option><option value="128">Malawi</option><option value="130">Maldives</option><option value="131">Mali</option><option value="69">Malouines</option><option value="132">Malte</option><option value="144">Maroc</option><option value="134">Martinique</option><option value="135">Mauritanie</option><option value="137">Mayotte</option><option value="138">Mexique</option><option value="139">Micronésie</option><option value="140">Moldova</option><option value="141">Monaco</option><option value="142">Mongolie</option><option value="143">Montserrat</option><option value="145">Mozambique</option><option value="146">Myanmar</option><option value="147">Namibie</option><option value="148">Nauru</option><option value="149">Népal</option><option value="154">Nicaragua</option><option value="155">Niger</option><option value="156">Nigéria</option><option value="157">Niue</option><option value="160">Norvège</option><option value="152">Nouveau Caledonia</option><option value="153">Nouvelle-Zélande</option><option value="161">Oman</option><option value="219">Ouganda</option><option value="162">Pakistan</option><option value="163">Palau</option><option value="164">Panama</option><option value="165">Papouasie Nouvelle-Guinée</option><option value="166">Paraguay</option><option value="167">Pérou</option><option value="168">Philippines</option><option value="169">Pitcairn</option><option value="170">Pologne</option><option value="76">Polynesia</option><option value="171">Portugal</option><option value="172">PuertoRico</option><option value="173">Qatar</option><option value="60">République Dominicaine</option><option value="174">Réunion</option><option value="175">Roumanie</option><option value="222">Royaumes Unis</option><option value="176">Russe</option><option value="177">Rwanda</option><option value="234">Sahara occidental</option><option value="198">Saint Pierre et Miquelon</option><option value="178">Saint-Christopher et Nevis</option><option value="180">Saint-Vincent et les Grenadines</option><option value="197">Sainte-Helène</option><option value="179">Sainte-Lucie</option><option value="64">Salvador</option><option value="181">Samoa</option><option value="4">Samoa américaines</option><option value="182">SanMarino</option><option value="183">SaoTome et Principe</option><option value="185">Sénégal</option><option value="186">Seychelles</option><option value="187">SierraLeone</option><option value="188">Singapour</option><option value="189">Slovaquie</option><option value="190">Slovénie</option><option value="192">Somalie</option><option value="202">Souaziland</option><option value="199">Soudan</option><option value="194">SouthGeorgiaandtheSouthSandwichIslands</option><option value="196">SriLanka</option><option value="203">Suède</option><option value="204">Suisse</option><option value="200">Suriname</option><option value="205">Syrien</option><option value="206">Taiwan</option><option value="207">Tajikistan</option><option value="208">Tanzanie</option><option value="42">Tchad</option><option value="56">Tchèque</option><option value="31">Territoire Britannique D&#039;Océan Indien</option><option value="77">Territoires Méridionaux</option><option value="209">Thaïlande</option><option value="61">Timor Est</option><option value="210">Togo</option><option value="211">Tokélao</option><option value="212">Tonga</option><option value="213">Trininté-et-Tobago</option><option value="214">Tunisie</option><option value="216">Turkmenistan</option><option value="215">Turquie</option><option value="218">Tuvalu</option><option value="220">Ukraine</option><option value="225">Uruguay</option><option value="226">Uzbekistan</option><option value="227">Vanuatu</option><option value="228">Vatican</option><option value="229">Venezuela</option><option value="230">VietNam</option><option value="235">Yémen</option><option value="236">Yougoslavie</option><option value="237">Zaïre</option><option value="238">Zambie</option><option value="239">Zimbabwe</option></select>                     </div>
1499                    </div>
1500                                    <div class="row my-3">
1501                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">
1501Téléphone travail                            <span class="inputRequirement ">*</span>
1502
1503                        </div>
1504                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1505
1506                            
1507                                <input type="text" style="width:55%;display: inline-block!important;"name="tel_alternatif" class="form-control" required>
1508                                                                                 </div>
1509                    </div>
1510                                    <div class="row my-3">
1511                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">Télephone                            
1512
1513                        </div>
1514                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1515
1516                            
1517                                <input type="text" style="width:55%;display: inline-block!important;"name="telephone" class="form-control" >
1518                                <input style="width:25%;display: inline-block !important;" type="text" name="ext_tel_travail" placeholder="Poste" class="form-control col-md-3">                                                 </div>
1519                    </div>
1520                                    <div class="row my-3">
1521                        <div class="col-md-3 col-12 font-weight-bolder " style="margin-bottom:1rem;">Cellulaire                            
1522
1523                        </div>
1524                        <div class="col-md-3 col-12 row" style="margin-bottom:1rem;">
1525
1526                            
1527                                <input type="text" style="width:55%;display: inline-block!important;"name="Cellulaire" class="form-control" >
1528                                                                                 </div>
1529                    </div>
1530                
1531        </div>
1532    </div>
1533
1534    <div style="position: absolute;margin-left: -1000px;">
1535        <td class="fieldKey">ignorer</td>        <td class="fieldValue">
1536            <input type="text" name="website" value="" />
1537            <input type="text" name="subsection" value="cab" />
1538        </td>
1539    </div>
1540
1541            <h2>Profil Bénévole</h2>
1542        <div class="contentText">
1543            <table border="0" cellspacing="2" cellpadding="2" width="100%">
1544
1545    <tr>
1546        <td class="fieldKey fieldBenevole">Principale(s) raison(s) de vouloir faire de l'implication bénévole dans la communauté <span class="inputRequirement">*</span></td>
1547    </tr>
1548    <tr>
1549        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1550            <table class="table_benevole"><tr>
1551                <td>
1552                    <input class="required_checkbox" type="checkbox" name="raison[]" value="1"  />&nbsp;&nbsp;Développer de nouvelles aptitudes</td>
1553                <td>
1554                    <input class="required_checkbox" type="checkbox" name="raison[]" value="2"  />&nbsp;&nbsp;Utiliser vos connaissances et votre expérience</td></tr><tr>
1555                <td>
1556                    <input class="required_checkbox" type="checkbox" name="raison[]" value="3"  />&nbsp;&nbsp;Amis qui font du bénévolat</td>
1557                <td>
1558                    <input class="required_checkbox" type="checkbox" name="raison[]" value="4"  />&nbsp;&nbsp;Obligation</td></tr><tr>
1559                <td>
1560                    <input class="required_checkbox" type="checkbox" name="raison[]" value="5"  />&nbsp;&nbsp;Désir de contribution générale à ma communauté</td>
1561                <td>
1562                    <input class="required_checkbox" type="checkbox" name="raison[]" value="6"  />&nbsp;&nbsp;Servir une cause qui me tient à coeur personnellement</td></tr>
1563            </table></td>
1564    </tr>
1565    <tr>
1566        <td class="fieldKey fieldBenevole">Autre(s) raison(s)</td>
1567    </tr>
1568    <tr>
1569        <td class="fieldValue fieldBenevole fieldBenevoleValue"><input type="text" name="raison_autre" value="" /></td>
1570    </tr>
1571    <tr>
1572        <td class="fieldKey fieldBenevole">Nature de l'engagement</td>
1573    </tr>
1574    <tr>
1575        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1576                <input type="radio" name="nature_engagement" value="Long terme ou régulier"  />&nbsp;&nbsp;Long terme ou régulier<br />
1577                <input type="radio" name="nature_engagement" value="Engagement ponctuel ou occasionnel" 
1577checked="checked" />&nbsp;&nbsp;Engagement ponctuel ou occasionnel
1578                </td>
1579    </tr>
1580    <tr>
1581        <td class="fieldKey fieldBenevole">Type(s) de bénévolat désiré(s) <span class="inputRequirement">*</span></td>
1582    </tr>
1583    <tr>
1584        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1585            <table class="table_benevole"><tr>
1586                <td>
1587                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="1"  />&nbsp;&nbsp;Tâches administratives</td>
1588                <td>
1589                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="2"  />&nbsp;&nbsp;Sollicitation et porte-à-porte</td></tr><tr>
1590                <td>
1591                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="3"  />&nbsp;&nbsp;Travail manuel</td>
1592                <td>
1593                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="4"  />&nbsp;&nbsp;Communication/Animation</td></tr><tr>
1594                <td>
1595                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="5"  />&nbsp;&nbsp;Vente d'un produit</td>
1596                <td>
1597                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="6"  />&nbsp;&nbsp;Comité d'organisation</td></tr><tr>
1598                <td>
1599                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="7"  />&nbsp;&nbsp;Popote roulante</td>
1600                <td>
1601                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="8"  />&nbsp;&nbsp;Accompagnement transport</td></tr><tr>
1602                <td>
1603                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="9"  />&nbsp;&nbsp;Visite</td>
1604                <td>
1605                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="10"  />&nbsp;&nbsp;Couture/artisanats</td></tr><tr>
1606                <td>
1607                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="11"  />&nbsp;&nbsp;Cuisine</td>
1608                <td>
1609                    <input class="required_checkbox" type="checkbox" name="type_benevolat[]" value="12"  />&nbsp;&nbsp;Accompagnement divers</td></tr>
1610            </table></td>
1611    </tr>
1612    <tr>
1613        <td class="fieldKey fieldBenevole">Disponibilité - Mois de l'année <span class="inputRequirement">*</span></td>
1614    </tr>
1615    <tr>
1616        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1617            <table class="table_benevole"><tr>
1618                <td>
1619                    <input class="required_checkbox" type="checkbox" name="mois[]" value="1"  />&nbsp;&nbsp;Janvier</td>
1620                <td>
1621                    <input class="required_checkbox" type="checkbox" name="mois[]" value="2"  />&nbsp;&nbsp;Février</td></tr><tr>
1622                <td>
1623                    <input class="required_checkbox" type="checkbox" name="mois[]" value="3"  />&nbsp;&nbsp;Mars</td>
1624                <td>
1625                    <input class="required_checkbox" type="checkbox" name="mois[]" value="4"  />&nbsp;&nbsp;Avril</td></tr><tr>
1626                <td>
1627                    <input class="required_checkbox" type="checkbox" name="mois[]" value="5"  />&nbsp;&nbsp;Mai</td>
1628                <td>
1629                    <input class="required_checkbox" type="checkbox" name="mois[]" value="6"  />&nbsp;&nbsp;Juin</td></tr><tr>
1630                <td>
1631                    <input class="required_checkbox" type="checkbox" name="mois[]" value="7"  />&nbsp;&nbsp;Juillet</td>
1632                <td>
1633                    <input class="required_checkbox" type="checkbox" name="mois[]" value="8"  />&nbsp;&nbsp;Août</td></tr><tr>
1634                <td>
1635                    <input class="required_checkbox" type="checkbox" name="mois[]" value="9"  />&nbsp;&nbsp;Septembre</td>
1636                <td>
1637                    <input class="required_checkbox" type="checkbox" name="mois[]" value="10"  />&nbsp;&nbsp;Octobre</td></tr><tr>
1638                <td>
1639                    <input class="required_checkbox" type="checkbox" name="mois[]" value="11"  />&nbsp;&nbsp;Novembre</td>
1640                <td>
1641                    <input class="required_checkbox" type="checkbox" name="mois[]" value="12"  />&nbsp;&nbsp;Décembre</td></tr>
1642            </table></td>
1643    </tr>
1644    <tr>
1645        <td class="fieldKey fieldBenevole">Disponibilité - Jours de la semaine <span class="inputRequirement">*</span></td>
1646    </tr>
1647    <tr>
1648        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1649            <table class="table_benevole"><tr>
1650                <td>
1651                    <input class="required_checkbox" type="checkbox" name="jour[]" value="1"  />&nbsp;&nbsp;Lundi</td>
1652                <td>
1653                    <input class="required_checkbox" type="checkbox" name="jour[]" value="2"  />&nbsp;&nbsp;Mardi</td></tr><tr>
1654                <td>
1655                    <input class="required_checkbox" type="checkbox" name="jour[]" value="3"  />&nbsp;&nbsp;Mercredi</td>
1656                <td>
1657                    <input class="required_checkbox" type="checkbox" name="jour[]" value="4"  />&nbsp;&nbsp;Jeudi</td></tr><tr>
1658                <td>
1659                    <input class="required_checkbox" type="checkbox" name="jour[]" value="5"  />&nbsp;&nbsp;Vendredi</td>
1660                <td>
1661                    <input class="required_checkbox" type="checkbox" name="jour[]" value="6"  />&nbsp;&nbsp;Samedi</td></tr><tr>
1662                <td>
1663                    <input class="required_checkbox" type="checkbox" name="jour[]" value="7"  />&nbsp;&nbsp;Dimanche</td><td></td></tr>
1664            </table></td>
1665    </tr>
1666    <tr>
1667        <td class="fieldKey fieldBenevole">Plage horaire <span class="inputRequirement">*</span></td>
1668    </tr>
1669    <tr>
1670        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1671            <table class="table_benevole"><tr>
1672                <td>
1673                    <input class="required_checkbox" type="checkbox" name="plage_horaire[]" value="1"  />&nbsp;&nbsp;Avant-midi</td>
1674                <td>
1675                    <input class="required_checkbox" type="checkbox" name="plage_horaire[]" value="2"  />&nbsp;&nbsp;Après-midi</td></tr><tr>
1676                <td>
1677                    <input class="required_checkbox" type="checkbox" name="plage_horaire[]" value="3"  />&nbsp;&nbsp;Soirée</td>
1678                <td>
1679                    <input class="required_checkbox" type="checkbox" name="plage_horaire[]" value="4"  />&nbsp;&nbsp;Nuit</td></tr>
1680            </table></td>
1681    </tr>
1682    <tr>
1683        <td class="fieldKey fieldBenevole">Horaire spécifique</td>
1684    </tr>
1685    <tr>
1686        <td class="fieldValue fieldBenevole fieldBenevoleValue"><input type="text" name="horaire_specifique" value="" /></td>
1687    </tr>
1688    <tr>
1689        <td class="fieldKey fieldBenevole">Type(s) d'événement(s) désiré(s) <span class="inputRequirement">*</span></td>
1690    </tr>
1691    <tr>
1692        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1693            <table class="table_benevole"><tr>
1694                <td>
1695                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="1"  />&nbsp;&nbsp;Art / Culture</td>
1696                <td>
1697                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="2"  />&nbsp;&nbsp;Éductation / Formation</td></tr><tr>
1698                <td>
1699                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="3"  />&nbsp;&nbsp;Environnement / Écologie</td>
1700                <td>
1701                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="4"  />&nbsp;&nbsp;Santé / Services sociaux</td></tr><tr>
1702                <td>
1703                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="5"  />&nbsp;&nbsp;Sports / Loisirs</td>
1704                <td>
1705                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="6"  />&nbsp;&nbsp;Défense des droits / Défense des libertés</td></tr><tr>
1706                <td>
1707                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="7"  />&nbsp;&nbsp;Humanitaire / Aide internationale</td>
1708                <td>
1709                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="8"  />&nbsp;&nbsp;Développement local / Développement économique</td></tr><tr>
1710                <td>
1711                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="9"  />&nbsp;&nbsp;Jeunes enfants (0-5 ans)</td>
1712                <td>
1713                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="10"  />&nbsp;&nbsp;Enfants (6-11 ans) ou ados (12-17 ans)</td></tr><tr>
1714                <td>
1715                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="11"  />&nbsp;&nbsp;Adultes</td>
1716                <td>
1717                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="12"  />&nbsp;&nbsp;Personnes ainées (65 ans et plus)</td></tr><tr>
1718                <td>
1719                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="13"  />&nbsp;&nbsp;Clientèle spécifiques (ex. Non-voyants, Handicapés physiques/intellectuels, etc.)</td>
1720                <td>
1721                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="14"  />&nbsp;&nbsp;Les communautés culturelles</td></tr><tr>
1722                <td>
1723                    <input class="required_checkbox" type="checkbox" name="type_event[]" value="15"  />&nbsp;&nbsp;Aucun groupe spécifique</td><td></td></tr>
1724            </table></td>
1725    </tr>
1726    <tr>
1727        <td class="fieldKey fieldBenevole">Autre(s) type(s) de bénévolat</td>
1728    </tr>
1729    <tr>
1730        <td class="fieldValue fieldBenevole fieldBenevoleValue"><input type="text" name="type_benevolat_autre" value="" /></td>
1731    </tr>
1732    <tr>
1733        <td class="fieldKey fieldBenevole">Profil de bénévole <span class="inputRequirement">*</span></td>
1734    </tr>
1735    <tr>
1736        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1737            <table class="table_benevole"><tr>
1738                <td>
1739                    <input class="required_checkbox" type="checkbox" name="profil[]" value="1"  />&nbsp;&nbsp;Aime le travail d'équipe</td>
1740                <td>
1741                    <input class="required_checkbox" type="checkbox" name="profil[]" value="2"  />&nbsp;&nbsp;Aime le travail nécessitant des compétences spécifiques</td></tr><tr>
1742                <td>
1743                    <input class="required_checkbox" type="checkbox" name="profil[]" value="3"  />&nbsp;&nbsp;
1743Leader - Aime Être responsable d'une équipe</td>
1744                <td>
1745                    <input class="required_checkbox" type="checkbox" name="profil[]" value="4"  />&nbsp;&nbsp;Bon communicateur, aime animer</td></tr><tr>
1746                <td>
1747                    <input class="required_checkbox" type="checkbox" name="profil[]" value="5"  />&nbsp;&nbsp;Aime le travail individuel</td>
1748                <td>
1749                    <input class="required_checkbox" type="checkbox" name="profil[]" value="6"  />&nbsp;&nbsp;Possède des habiletés pour la relation d'aide (empathie, écoute, respect, patience, etc.)</td></tr>
1750            </table></td>
1751    </tr>
1752    <tr>
1753        <td class="fieldKey fieldBenevole">Première expérience de bénévolat?</td>
1754    </tr>
1755    <tr>
1756        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1757                <input type="radio" name="first_bene" value="Oui"  />&nbsp;&nbsp;Oui<br />
1758                <input type="radio" name="first_bene" value="Non" checked="checked" />&nbsp;&nbsp;Non
1759                </td>
1760    </tr>
1761    <tr>
1762        <td class="fieldKey fieldBenevole">Références personnelles ou expérience comme bénévole</td>
1763    </tr>
1764    <tr>
1765        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1766            <table class="style_table" style="width: 100%;" border="0">
1767                <tr>
1768                    <td>Nom de l'organisme</td>
1769                    <td>Fonction</td>
1770                    <td>En quelle année</td>
1771                    <td>Durée</td>
1772                    <td>Tél. (s'il y a lieu)</td>
1773                </tr>
1774            
1775                <tr>
1776                    <td>
1777                        <input type="text" name="expBene[1][nom_org]" value="" />
1778                    </td>
1779                    <td>
1780                        <input type="text" name="expBene[1][fonction]" value="" />
1781                    </td>
1782                    <td>
1783                        <input type="text" name="expBene[1][annee]" value="" />
1784                    </td>
1785                    <td>
1786                        <input type="text" name="expBene[1][duree]" value="" />
1787                    </td>
1788                    <td>
1789                        <input type="text" name="expBene[1][tel]" value="" />
1790                    </td>
1791                </tr>
1792                
1793                <tr>
1794                    <td>
1795                        <input type="text" name="expBene[2][nom_org]" value="" />
1796                    </td>
1797                    <td>
1798                        <input type="text" name="expBene[2][fonction]" value="" />
1799                    </td>
1800                    <td>
1801                        <input type="text" name="expBene[2][annee]" value="" />
1802                    </td>
1803                    <td>
1804                        <input type="text" name="expBene[2][duree]" value="" />
1805                    </td>
1806                    <td>
1807                        <input type="text" name="expBene[2][tel]" value="" />
1808                    </td>
1809                </tr>
1810                
1811                <tr>
1812                    <td>
1813                        <input type="text" name="expBene[3][nom_org]" value="" />
1814                    </td>
1815                    <td>
1816                        <input type="text" name="expBene[3][fonction]" value="" />
1817                    </td>
1818                    <td>
1819                        <input type="text" name="expBene[3][annee]" value="" />
1820                    </td>
1821                    <td>
1822                        <input type="text" name="expBene[3][duree]" value="" />
1823                    </td>
1824                    <td>
1825                        <input type="text" name="expBene[3][tel]" value="" />
1826                    </td>
1827                </tr>
1828                
1829                <tr>
1830                    <td>
1831                        <input type="text" name="expBene[4][nom_org]" value="" />
1832                    </td>
1833                    <td>
1834                        <input type="text" name="expBene[4][fonction]" value="" />
1835                    </td>
1836                    <td>
1837                        <input type="text" name="expBene[4][annee]" value="" />
1838                    </td>
1839                    <td>
1840                        <input type="text" name="expBene[4][duree]" value="" />
1841                    </td>
1842                    <td>
1843                        <input type="text" name="expBene[4][tel]" value="" />
1844                    </td>
1845                </tr>
1846                
1847            </table></td>
1848    </tr>
1849    <tr>
1850        <td class="fieldKey fieldBenevole">Autre(s) expérience(s) pertinente(s)</td>
1851    </tr>
1852    <tr>
1853        <td class="fieldValue fieldBenevole fieldBenevoleValue"><textarea name="first_bene_non" rows="4"></textarea></td>
1854    </tr>
1855    <tr>
1856        <td class="fieldKey fieldBenevole">Quelles sont les connaissances et aptitudes que vous possédez et que voulez mettre à contribution</td>
1857    </tr>
1858    <tr>
1859        <td class="fieldValue fieldBenevole fieldBenevoleValue"><textarea name="connaissances" rows="4"></textarea></td>
1860    </tr>
1861    <tr>
1862        <td class="fieldKey fieldBenevole">Autre(s) information(s) pertinente(s) vous concernant</td>
1863    </tr>
1864    <tr>
1865        <td class="fieldValue fieldBenevole fieldBenevoleValue"><textarea name="infos_supp" rows="4"></textarea></td>
1866    </tr>
1867    <tr>
1868        <td class="fieldKey fieldBenevole">Avez-vous un véhicule</td>
1869    </tr>
1870    <tr>
1871        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1872                <input type="radio" name="vehicule" value="Oui"  />&nbsp;&nbsp;Oui<br />
1873                <input type="radio" name="vehicule" value="Non" checked="checked" />&nbsp;&nbsp;Non
1874                </td>
1875    </tr>
1876    <tr>
1877        <td class="fieldKey fieldBenevole">Numéro de permis de conduire</td>
1878    </tr>
1879    <tr>
1880        <td class="fieldValue fieldBenevole fieldBenevoleValue"><input type="text" name="permis_vehicule" value="" /></td>
1881    </tr>
1882    <tr>
1883        <td class="fieldKey fieldBenevole">Acceptez-vous de l'utiliser avec compensation financière</td>
1884    </tr>
1885    <tr>
1886        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1887                <input type="radio" name="use_vehicule" value="Oui"  />&nbsp;&nbsp;Oui<br />
1888                <input type="radio" name="use_vehicule" value="Non" checked="checked" />&nbsp;&nbsp;Non
1889                </td>
1890    </tr>
1891    <tr>
1892        <td class="fieldKey fieldBenevole">Langue(s) Parlée(s) <span class="inputRequirement">*</span></td>
1893    </tr>
1894    <tr>
1895        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1896            <table class="table_benevole"><tr>
1897                <td>
1898                    <input class="required_checkbox" type="checkbox" name="langue[]" value="1"  />&nbsp;&nbsp;Français</td>
1899                <td>
1900                    <input class="required_checkbox" type="checkbox" name="langue[]" value="2"  />&nbsp;&nbsp;Anglais</td></tr>
1901            </table></td>
1902    </tr>
1903    <tr>
1904        <td class="fieldKey fieldBenevole">Autre(s) langue(s)</td>
1905    </tr>
1906    <tr>
1907        <td class="fieldValue fieldBenevole fieldBenevoleValue"><input type="text" name="langues_autres" value="" /></td>
1908    </tr>    <tr>
1909        <td class="fieldKey fieldBenevole">
1910                            CONFIDENTIALITÉ DES INFORMATIONS PERSONNELLES <span class="inputRequirement">*</span><br />
1911                <span style="width: 100%; max-width: 1000px; display: inline-block;">Le Centre d'action bénévole de Grand-Mère s’engage à assurer la confidentialité de vos informations personnelles.
1912                Advenant que vous soyez dirigé vers un autre organisme, autorisez-vous le Centre d'action bénévole de Grand-Mère à
1913                lui transmettre les informations recueillies durant le processus d’orientation?</span>
1914                    </td>
1915    </tr>
1916    <tr>
1917        <td class="fieldValue fieldBenevole fieldBenevoleValue">
1918                        <input type="radio" name="info_conf" value="Oui"  required="required" />&nbsp;&nbsp;Je consens            <input type="radio" name="info_conf" value="Non"  style="margin-left: 5%;" />&nbsp;&nbsp;Je refuse        </td>
1919    </tr>
1920</table>        </div>
1921        
1922
1923    
1924    <div class="buttonSet">
vendor: 109 bytes, lines 1924-1926
1924
1925                    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
1926            
1926<div style="" class="g-recaptcha" data-sitekey="6LfBCuEZAAAAAIenbFcfCsJ3VDNwQpfrGm5WXPNb"></div>
1927            <!--<input class="BtnFormsInput" name="submit" id="jq_validate_checkbox" type="submit" value="Envoyer" />-->
1928            <input class="BtnFormsInput" name="submit" type="submit" value="Envoyer" />
1929                    <div class="Field " style="display:none;">
1930
1931            <div class="col-sm-9">
1932                <input type="text" name="t_9g0xP2Po" value="" />
1933            </div>
1934
1935            <div class="col-sm-9">
1936                <input type="checkbox" name="ch_9g0xP2Po" value="1" />
1937            </div>
1938        </div>
1939        <input type="hidden" name="action" value="process" />
1940        <!--
1941        <span class="buttonAction"><span class="tdbLink"><button id="tdb1" type="submit">Continuer</button></span>
1941<script type="text/javascript">$("#tdb1").button({icons:{primary:"ui-icon-person"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");</script>
1941</span>
1942        -->
1943    </div>
1944</div>
1945
1946</form>
1947
1948
1949</div> <!-- bodyContent //-->
1950
1951<!--</div>  bodyWrapper //-->
1952
1953
1954                    </div>
1955        </div> 
1956        
1957    </div>
1958</div>
1959
1960
1961                <style type="text/css">
1962                        #footer_wrapper p, #footer_wrapper h3 {
1963                                color: ##000 !important;
1964                        }
1965                </style>
1966        <style type="text/css">
1967        #footer_wrapper h3#footer_slogan {
1968                color: #000000 !important;
1969        }
1970        </style>
1971                <style type="text/css">
1972                        #footer_wrapper a:not(.btn_custom_infolettre):not(.Btn) {
1973                                color: #339989 !important;
1974                        }
1975                </style><div id="footer_wrapper" class="wow animated fadeIn" style="background-color: #FFF ;">
1976        <div class="container">
1977                <div class="col-md-5">                        <div class="row">
1978                                <div class="col-md-6 footer_mobile_padding">
1979                                        <p style="text-align: center;">
1980                                                
1981                                                <style type="text/css">
1982                                                        #logo_footer, #logo_footer img {
1983                                                                max-width: 350px !important;
1984                                                        }
1985                                                </style>                                                <a href="/" id="logo_footer" data-wow-delay="0.8s" class="wow animated fadeIn">
1986                                                        <img src="https://www.cabgm.org/client_file/themes/logos/logoFooter_tag.png" />                                                </a>
1987                                        </p>
1988                                </div>
1989                                <div class="col-md-6 text_footer footer_mobile_padding">
1990                                        <p><strong>660, 13e rue, C.P. 10 006 <br />
1991Shawinigan (Québec)<br />
1992G9T 5K7</strong></p><p><strong>Téléphone : (819) 538-7689<br />
1993Télécopieur : (819) 538-7579</strong></p><p><a href="mailto:[email protected]" target="_blank">[email protected]</a></p>                                </div>
1994                        </div>
1995                </div>
1996                                                <div class="col-md-2 text_footer footer_mobile_padding">
1997                                        <p><strong>Heures d'ouverture :<br />
1998<br />
1999Lundi au vendredi <br />
2000De 8 h 00 à 12 h 00<br />
2001De 13 h 00 à 16 h 00</strong><br />
2002<br />
2003<strong><a style="color: white" href="https://www.cabgm.org/politique-de-confidentialite">Politique de confidentialité</a></strong></p>
2004                                </div>
2005                                <div class="col-md-5 footer_mobile_padding">
2006                                <p style="margin-top: 20px;"><h3 id="footer_slogan" style="font-size: 26px;text-align: center;">B&eacute;n&eacute;voles en action !</h3></p><p style="text-align: center;">
2007                                                                <iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/cabgrandmere/&tabs&width=340&height=70&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=false&appId" width="340" height="70" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
2008                                                            </p>
2009                                                        <p style="text-align: center;">
2010                                                                <a href="https://www.fcabq.org/" target="_blank">Membre de la F&eacute;d&eacute;ration des centres d&#039;action b&eacute;n&eacute;vole du Qu&eacute;bec<br />
2011                                                                <img src="/client_file/themes/default/interface/logo_fcabq.png?rand=1" alt="Logo FCABQ" style="margin-top: 10px; width: 100%; height: auto; max-width: 100px;" /></a>
2012                                                        </p>                                </div>
2013                                          </div>
2014
2015</div>
2016<div class="" id="legal_wrapper">
2017        <div class="container text-center">
2018                <div class="col-md-6">
2019                        <a data-wow-delay="1.0s" class="wow fadeInDown animated social face" id="" href="https://www.facebook.com/cabgrandmere/" target="_blank"></a>                </div>
2020                <div class="col-md-6 text-right"></div>
2021                <p id="legal"><small>&copy; 2026 Le Centre d&#039;action b&eacute;n&eacute;vole de Grand-M&egrave;re | Tous droits réservés. | Conception Web : <a href="http://viglob.com" target="_blank">ViGlob</a></small></p>
2022        </div>
2023
2024</div>
2025<script type="text/javascript">
2026        function sendFormInfolettre() {
2027                var newsletter_email = document.getElementById('infolettre').value;
2028                if(newsletter_email != "") {
2029                        document.getElementById('form_home_infolettre').submit();
2030                } else {
2031                                                        alert('Vous devez entrer votre courriel pour vous inscrire à l\'infolettre.');
2032                                        }
2033        }
2034</script>
2034
2035<!-- <div id="to-top" class="main-bg" style="bottom: 10px; opacity: 1;"></div> -->
2036        
2036<script type="text/javascript">
2037
2038          var _gaq = _gaq || [];
2039          _gaq.push(['_setAccount', 'UA-136880737-1']);
2040          _gaq.push(['_trackPageview']);
2041
2042          (function() {
2043            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
2044            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
2045            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
2046          })();
2047
2048        </script>
2048
2049            <!-- Facebook Pixel Code -->
2050    
2050<script>
2051        !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
2052        n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
2053        n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
2054        t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
2055        document,'script','https://connect.facebook.net/en_US/fbevents.js');
2056        fbq('init', ''); // Insert your pixel ID here.
2057        fbq('track', 'PageView');
2058    </script>
2058
2059    <noscript><img height="1" width="1" style="display:none"
2060    src="https://www.facebook.com/tr?id=&ev=PageView&noscript=1"
2061    /></noscript>
2062    <!-- DO NOT MODIFY -->
2063    <!-- End Facebook Pixel Code -->
2064    </body>
2065
2066   <div class="modal fade" id="cookiemodal">
2067        <div class="modal-dialog-cookie">
2068            <div class="modal-content">
2069                <!-- Modal Header -->
2070                <div class="modal-header pb-0 mb-0">
2071
2072                    <button type="button" class="closemodalcookie float-right mt-0 " data-dismiss="modal">&times;</button>
2073                    <h3 class="mt-2 font-weight-bolder text-dark">PARAMÈTRES DE COOKIES</h3>
2074                </div>
2075
2076                <!-- Modal body -->
2077                <div class="modal-body pt-0 mt-0">
2078
2079                    <p style="text-align: justify;">En cliquant sur <strong>&laquo; Accepter &raquo;</strong>, vous acceptez le stockage de <a href="https://www.cabgm.org/politique-de-cookies" target="_blank">t&eacute;moins (cookies)</a> sur votre appareil pour am&eacute;liorer les performances de notre site Web et recueillir certaines statistiques de fr&eacute;quentation via Google Analytics.&nbsp;Le respect de votre vie priv&eacute;e est important pour nous, nous ne collectons aucune donn&eacute;e personnelle sans votre consentement. Pour plus de d&eacute;tails, consultez notre <a href="https://www.cabgm.org/politique-de-confidentialite">politique de confidentialit&eacute;</a>.</p><a class="moreinfo" href="/politique-de-cookies" target="_blank"> Plus d'informations  </a>
2080                    <div class="row w-100 mt-2">
2081                        <div class=" col-md-6 overflow-hidden ml-0 pl-0 pr-1"> <button class=" accepter w-100">Accepter </button> </div>
2082                        <div class=" col-md-6 overflow-hidden mr-0 pr-0 pl-1"><button class=" refuser w-100">Refuser</button></div>
2083                        <div class=" col-md-12 overflow-hidden ml-0 pl-0 mr-0 pr-0"><button class="overflow-hidden param w-100 mt-0">PARAMÈTRES</button> </div>
2084
2085                    </div>
2086                </div>
2087            </div>
2088        </div>
2089    </div>
2090
2091    <div class="modal fade" id="paramodal">
2092        <div class="modal-dialog-cookie">
2093            <div class="modal-content">
2094                <!-- Modal Header -->
2095                <div class="modal-header pb-0 mb-0">
2096                    <button type="button" class="closemodalparam float-right mt-0" data-dismiss="modal">&times;</button>
2097                    <h3 class="mt-2 font-weight-bolder text-dark">PARAMÈTRES DE COOKIES</h3>
2098
2099                </div>
2100
2101                <!-- Modal body -->
2102                <div class="modal-body pt-0 mt-0">
2103
2104                    <p style="text-align: justify;">En cliquant sur <strong>&laquo; Accepter &raquo;</strong>, vous acceptez le stockage de <a href="https://www.cabgm.org/politique-de-cookies" target="_blank">t&eacute;moins (cookies)</a> sur votre appareil pour am&eacute;liorer les performances de notre site Web et recueillir certaines statistiques de fr&eacute;quentation via Google Analytics.&nbsp;Le respect de votre vie priv&eacute;e est important pour nous, nous ne collectons aucune donn&eacute;e personnelle sans votre consentement. Pour plus de d&eacute;tails, consultez notre <a href="https://www.cabgm.org/politique-de-confidentialite">politique de confidentialit&eacute;</a>.</p>
2105
2106                    <form id="formparam">
2107
2108                        <label for="checkbox1">
2109                            <input type="checkbox" id="necessaire" name="necessaire" class="classparam" checked disabled> <b>Strictement nécessaire (toujours actif)</b>
2110                            <p>Ces fichiers témoins sont essentiels au fonctionnement de base de notre site Web. Ils ne peuvent être désactivés.</p>
2111                        </label><br>
2112
2113                        <label for="checkbox4">
2114                            <input type="checkbox" id="analyse" name="analyse" class="classparam" checked>
2115                            <b>Analytique</b>
2116                            <p>Ce type de cookie est utilisé pour collecter des informations sur la façon dont les visiteurs utilisent le site. Il enregistre des données telles que le nombre de visiteurs, la durée de la visite sur le site, les pages visitées et les liens cliqués. Ces informations peuvent ensuite être utilisées pour analyser et améliorer les performances du site, ainsi que pour comprendre les préférences et les comportements des utilisateurs.</p>
2117                        </label><br>
2118
2119                        <button  class="w-100 accepter_all" > Accepter tous les cookies </button>
2120                        <button  class="w-100 save_param mt-0" >Enregistrer les paramètres</button>
2121                    </form>
2122
2123                </div>
2124            </div>
2125        </div>
2126    </div>
2127
2128
2129
2130
2131    
2132
2133<script type="text/javascript">
2134$('.productListTable tr:nth-child(even)').addClass('alt');
2135</script>
2135
2136
2137
2138
2139</body>
2140</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.