1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 5 6 7 8 9
9<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/runtime.7c91fa82.js"></script>
9<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/ads.930ed0c8.js"></script>
9 10
10<script> 11 dataLayer = [{ 12 'source' : 'OVERBLOG', 13 'theme' : '83', 14 'adUnitID' : '/6783/OverBlogKiwi/fr', 15 'group' : 'Blog-Business', 16 'category' : 'Jobs, Education & Studies', 17 'rating' : 'BS', 18 'unused' : 'No', 19 'adult' : 'No', 20 'pda' : 'No', 21 'hasAds' : 'No', 22 'lang' : 'fr', 23 'adblock' : '__ads_loaded__' in window ? 'No' : 'Yes', 24 'blog_id' : '673595', 25 'blog_name': "S Blog de la SEGPA St Jo", 26 'premium' : 'Yes', 27 'slots' : {}, 28 }]; 29 </script>
29 30 <!-- DIDOMI CPM TAG STARTS -->
31<script type="text/javascript">window.gdprAppliesGlobally=true;(function(){function a(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)} 32 else{setTimeout(function(){a(e)},5)}}}function e(n,r,o,c,s){function e(e,t,n,a){if(typeof n!=="function"){return}if(!window[r]){window[r]=[]}var i=false;if(s){i=s(e,t,n)}if(!i){window[r].push({command:e,parameter:t,callback:n,version:a})}}e.stub=true;function t(a){if(!window[n]||window[n].stub!==true){return}if(!a.data){return} 33 var i=typeof a.data==="string";var e;try{e=i?JSON.parse(a.data):a.data}catch(t){return}if(e[o]){var r=e[o];window[n](r.command,r.parameter,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:r.callId};a.source.postMessage(i?JSON.stringify(n):n,"*")},r.version)}} 34 if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");a("__tcfapiLocator");(function(e,tgt){ 35 var t=document.createElement("script");t.id="spcloader";t.type="text/javascript";t.async=true;t.src="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+tgt;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("e23a01f6-a508-4e71-8f50-c1a9cae7c0d0", "fBVP2nLa")})();</script>
35 36<!-- DIDOMI CPM TAG ENDS --> 37 38
39<script> 40 // Paywall Bounce Rate pixel 41 function sendCustomPixel(method, consent, tcfStatus) { 42 var pixelUrl = "https://bpt.webedia-group.com/pixel.png?/domain=overblog.com&referrer=" + document.referrer + "&site_route=" + dataLayer[0].blog_name + "_" + (typeof jad !== "undefined") + "&event=tcfapi&method=" + method + "&consent=" + consent + "&tcfStatus=" + tcfStatus 43 var img = document.createElement('img'); 44 img.style = "display: none;" 45 img.src = pixelUrl; 46 document.body.appendChild(img); 47 } 48 49 function triggerOnReadyOrTimeout(action, tcfStatus) { 50 51 var done = false; 52 53 function doItIfNotDone(method, consent, tcfStatus) { 54 if (!done) { 55 action(method, consent, tcfStatus); 56 done = true; 57 } 58 } 59 60 window.didomiOnReady = window.didomiOnReady || []; 61 window.didomiOnReady.push(function (Didomi) { 62 var consent = Didomi.isConsentRequired() ? Didomi.getUserConsentStatusForVendor("c:googleana-XMqagawa") && Didomi.getUserConsentStatusForVendor("google") : true; 63 var consentToString = consent == undefined ? "undefined" : consent; 64 doItIfNotDone("didomiOnReady", consentToString, tcfStatus); 65 }); 66 67 setTimeout(function() {doItIfNotDone("timeout", "false", tcfStatus)}, 1000); 68 } 69 70 var tcfok = false; 71 72 var tryTcfApiTimer = 0; 73 74 var tryToReachTcfApi = setInterval(function() { 75 if (typeof __tcfapi !== "undefined") { 76 clearInterval(tryToReachTcfApi); 77 launchTcfApi() 78 } else if (tryTcfApiTimer > 3000) { 79 clearInterval(tryToReachTcfApi); 80 triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded") 81 } 82 tryTcfApiTimer += 200; 83 }, 200) 84 85 function launchTcfApi() { 86 __tcfapi('addEventListener', 2, function(tcData, success) { 87 if (success) { 88 try{ 89 switch (tcData.eventStatus) { 90 case "useractioncomplete": 91 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 92 __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId) 93 break; 94 case "cmpuishown": 95 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 96 break; 97 case "tcloaded": 98 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 99 __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId) 100 break; 101 default: 102 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 103 } 104 } catch (error) { 105 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 106 } 107 tcfok = true; 108 } 109 }); 110 111 setTimeout(function() { 112 if (!tcfok) { 113 triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded") 114 } 115 }, 2000); 116 } 117</script>
117 <style> 118 [class^=app_gdpr] a { 119 color: white !important; 120 } 121 [class^=app_gdpr] a[href], [class^=app_gdpr] [class^=banner_message] a:not([class^=banner_continue]) { 122 text-decoration: underline; 123 } 124 [class^=app_gdpr] a svg { 125 fill: white !important; 126 } 127 [class^=app_gdpr] [class^=banner_banner], [class^=app_gdpr] [class^=popup_popup]{ 128 z-index: 2147483647 !important; 129 } 130</style> 131
131<script> 132 if (window.parent !== window) { 133 if (typeof btoa !== "function") { 134 window.btoa = function (input) { 135 var str = String(input); 136 for (var block, charCode, idx = 0, map = chars, output = ''; str.charAt(idx | 0) || (map = '=', idx % 1); output += map.charAt(63 & block >> 8 - idx % 1 * 8)) { 137 charCode = str.charCodeAt(idx += 3/4) 138 block = block << 8 | charCode 139 } 140 return output 141 } 142 } 143 var re = /^(?:https?:)?(?:\/\/)?([^\/\?]+)/i 144 var res = re.exec(document.referrer) 145 var domain = res[1] 146 var forbidden = ["aGVsbG8ubGFuZA==","Y3Vpc2luZS5sYW5k","cmVjZXR0ZS5sYW5k","cmVjZXR0ZXMubGFuZA==",] 147 if (forbidden.indexOf(btoa(domain)) > -1) { 148 document.location = document.location.origin + "/system/noframed" 149 } 150 } 151 </script>
151 152 <link rel="stylesheet" href="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/overblog-main.f3114561.css"> 153 <!-- Basic theme id 83 [Cedistic] - last modified : 2025-05-14T10:11:36+02:00 --> 154 155 156 157 158 159 <!-- Title --> 160 <title>S Blog de la SEGPA St Jo</title> 161 162 <!-- Metas --> 163 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 164 <meta charset="UTF-8"> 165 <meta name="viewport" content="width=device-width"> 166 <meta name="author" content="C&eacute;cile Santigny" /> 167 168 <link rel="canonical" href="https://www.segpastjodijon.com" /> 169 170 <meta property="og:site_name" content="S Blog de la SEGPA St Jo" /> 171 <meta property="og:title" content="S Blog de la SEGPA St Jo" /> 172 <meta name="twitter:title" content="S Blog de la SEGPA St Jo" /> 173 <meta name="description" content="S Blog ou le monde de la SEGPA St Jo !!!" /> 174 <meta property="og:description" content="S Blog ou le monde de la SEGPA St Jo !!!" /> 175 <meta name="twitter:description" content="S Blog ou le monde de la SEGPA St Jo !!!" /> 176 <meta property="og:locale" content="fr_FR" /> 177 <meta name="keywords" content="" /> 178 179 <meta property="og:image" content="https://img.over-blog-kiwi.com/0/67/35/95/20200402/ob_9b3ada_logo-stjo-noir.png" /> 180 <meta name="twitter:image:src" content="https://img.over-blog-kiwi.com/0/67/35/95/20200402/ob_9b3ada_logo-stjo-noir.png" /> 181 <meta property="og:type" content="blog" /> 182 <meta name="twitter:card" content="summary_large_image" /> 183 <meta name="twitter:site" content="@overblog" /> 184 <meta name="twitter:creator" content="@" /> 185 <meta property="fb:app_id" content="284865384904712" /> 186 187 188 189 190 <!-- Robots --> 191 <meta name="robots" content="noindex,nofollow" /> 192 193 <!-- RSS --> 194 <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss" /> 195 196 197<!-- Analytics --> 198 199 <!-- Metas --> 200 <link rel="icon" type="image/png" href="https://img.over-blog-kiwi.com/0/67/35/95/20200402/ob_9b3ada_logo-stjo-noir.png" /> 201 202 203 204 205 206 207 208 209 210 211 <!-- Normalize --> 212 <link href='https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.min.css' rel='stylesheet' type='text/css' /> 213 214 <!-- Fonts --> 215 <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet' type='text/css' /> 216 <link href="https://fonts.over-blog.com/?family=Roboto+Slab:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Poiret+One:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /> 217 218 <!-- Fancybox --> 219 <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet" type="text/css" /> 220 <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css"/> 221 222 223 <!--[if lt IE 9]> 224
224<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
224 225 <![endif]--> 226 227 <style type="text/css"> 228 .ob-h1 { 229 display: block; 230 font-size: 2em; 231 margin-top: 0.67em; 232 margin-bottom: 0.67em; 233 font-weight: bold; 234 } 235 .ob-h2 { 236 display: block; 237 font-size: 1.5em; 238 margin-top: 0.83em; 239 margin-bottom: 0.83em; 240 font-weight: bold; 241 } 242 .ob-h3 { 243 display: block; 244 font-size: 1.17em; 245 margin-top: 1em; 246 margin-bottom: 1em; 247 font-weight: bold; 248 } 249 .ob-h4 { 250 display: block; 251 margin-top: 1.33em; 252 margin-bottom: 1.33em; 253 font-weight: bold; 254 } 255 .ob-h5 { 256 display: block; 257 font-size: 0.83em; 258 margin-top: 1.67em; 259 margin-bottom: 1.67em; 260 font-weight: bold; 261 } 262 .ob-h6 { 263 display: block; 264 font-size: 0.67em; 265 margin-top: 2.33em; 266 margin-bottom: 2.33em; 267 font-weight: bold; 268 } 269 270 /******************************** 271 Reset 272 ********************************/ 273 274 *, *:before, *:after { box-sizing: border-box; } 275 a { color: #3B92CC; text-decoration: none; } 276 a:hover { color: #255CAE; text-decoration: none; } 277 278 h1, h2, h3, h4, h5, .ob-h1, .ob-h2, .ob-h3, .ob-h4, .ob-h5 { 279 display: block; 280 text-transform: uppercase; 281 font-family: 'Poiret One'; 282 font-weight: 600; 283 color: #3B92CC; 284 } 285 286 /******************************** 287 Body 288 ********************************/ 289 290 .Body { 291 background: #ecf0f1; 292 background-image: none; 293 color: #787878; 294 font-size: 14px; 295 line-height: 17px; 296 font-family: 'Roboto Slab', sans-serif; 297 font-weight: 200; 298 } 299 300 @media only screen and (max-width: 980px) { 301 .Body { 302 padding-top: 50px; 303 } 304 } 305 306 body.withsharebar { 307 margin-top: 0; 308 } 309 310 311 /******************************** 312 Header 313 ********************************/ 314 315 .Header { 316 position: relative; 317 width: 100%; 318 height: 200px; 319 padding: 10px; 320 background-color: #3B92CC; 321 } 322 323 body.withsharebar .Header { 324 height: 240px; 325 padding-top: 50px; 326 } 327 328 @media only screen and (max-width: 980px) { 329 .Header { 330 position: fixed; 331 top: 0; 332 z-index: 3; 333 height: auto; 334 padding: 0; 335 } 336 337 body.withsharebar .Header { 338 height: auto; 339 padding-top: 40px; 340 } 341 } 342 343 .Header-content { 344 width: 960px; 345 margin: auto; 346 padding: 0 10px; 347 display: table; 348 height: 180px; 349 overflow: hidden; 350 } 351 352 @media only screen and (min-width: 1300px) { 353 .Header-content { 354 width: 1280px; 355 } 356 } 357 358 @media only screen and (max-width: 980px) { 359 .Header-content { 360 width: 100%; 361 height: 50px; 362 padding: 0; 363 } 364 } 365 366 .Header-blogAvatar { 367 display: table-cell; 368 vertical-align: middle; 369 padding-right: 20px; 370 width: 100px; 371 } 372 373 @media only screen and (max-width: 980px) { 374 .Header-blogAvatar { 375 display: none; 376 } 377 } 378 379 .HeaderBlogAvatar-image { 380 border-radius: 50%; 381 width: 80px; 382 height: 80px; 383 } 384 385 .Header-title { 386 display: table-cell; 387 font-family: 'Poiret One', cursive; 388 font-size: 60px; 389 color: white; 390 font-weight: bold; 391 line-height: 60px; 392 vertical-align: middle; 393 margin: 0; 394 overflow: hidden; 395 max-height: 180px; 396 text-align: center; 397 } 398 399 @media only screen and (max-width: 980px) { 400 .Header-title { 401 font-size: 30px; 402 line-height: 50px; 403 white-space: nowrap; 404 text-overflow: ellipsis; 405 overflow: hidden; 406 padding: 0 10px 0 10px; 407 text-align: center; 408 max-width: 200px; 409 } 410 } 411 412 .Header-titleLink { 413 color: white; 414 } 415 416 @media only screen and (min-width: 980px) { 417 .Header-titleLink { 418 max-height: 180px; 419 display: inline-block; 420 overflow: hidden; 421 } 422 } 423 424 .Header-titleLink--colored { 425 color: #255CAE; 426 } 427 428 .Header-titleLink:hover { 429 color: white; 430 } 431 432 .Header-social { 433 display: table-cell; 434 margin-bottom: 0; 435 padding-left: 0; 436 vertical-align: middle; 437 width: 80px; 438 } 439 440 @media only screen and (max-width: 980px) { 441 .Header-social { 442 display: none; 443 } 444 } 445 446 .HeaderSocial { 447 padding-left: 20px; 448 margin-top: 75px; 449 height: 40px; 450 text-align: right; 451 } 452 453 .HeaderSocial-element { 454 height: 40px; 455 border: 0; 456 display: inline-block; 457 padding: 0; 458 position: relative; 459 text-align: center; 460 } 461 462 .HeaderSocial-elementLink { 463 width: 40px; 464 height: 40px; 465 display: inline-block; 466 font-family: 'FontAwesome'; 467 font-weight: normal; 468 font-style: normal; 469 text-decoration: inherit; 470 line-height: normal; 471 border-radius: 50%; 472 border: 1px solid white; 473 color: white; 474 -webkit-font-smoothing: antialiased; 475 } 476 477 .HeaderSocial-elementLink:hover { 478 background-color: white; 479 color: #3B92CC; 480 } 481 482 .HeaderSocial-elementLink .fa { 483 position: absolute; 484 top: 50%; 485 left: 0; 486 width: 40px; 487 line-height: 1; 488 margin-top: -0.5em; 489 font-size: 15px; 490 text-align: center; 491 } 492 493 .Header-menuButton { 494 display: none; 495 } 496 497 @media only screen and (max-width: 980px) { 498 .Header-menuButton { 499 display: table-cell; 500 color: white; 501 width: 50px; 502 height: 50px; 503 line-height: 50px; 504 vertical-align: middle; 505 text-align: center; 506 font-size: 30px; 507 -webkit-user-select: none; 508 -moz-user-select: none;
509 -ms-user-select: none; 510 -o-user-select: none; 511 user-select: none; 512 } 513 514 .Header-menuButton:hover { 515 cursor: pointer; 516 background-color: #255CAE; 517 } 518 519 .Header-menuButton--active { 520 background-color: #255CAE; 521 } 522 } 523 524 525 /******************************** 526 Nav 527 ********************************/ 528 529 .Nav { 530 line-height: 60px; 531 font-family: 'Poiret One', sans-serif; 532 padding: 0; 533 width: 100%; 534 height: 60px; 535 font-size: 16px; 536 text-transform: uppercase; 537 color: #FFF; 538 background: #255CAE; 539 } 540 541 @media only screen and (max-width: 980px) { 542 .Nav { 543 height: auto; 544 line-height: 40px; 545 display: none; 546 position: fixed; 547 z-index: 3; 548 max-height: 100%; 549 overflow-y: scroll; 550 top: 50px; 551 } 552 553 .Nav--open { 554 display: block; 555 } 556 557 body.withsharebar .Nav { 558 margin-top: 40px; 559 } 560 } 561 562 .Nav--fixed { 563 position: fixed; 564 top: 0; 565 z-index: 3; 566 } 567 568 .Nav-list { 569 width: 940px; 570 list-style: none; 571 margin: 0 auto; 572 padding: 0; 573 position: relative; 574 } 575 576 @media only screen and (max-width: 980px) { 577 .Nav-list { 578 width: 100%; 579 border-bottom: 1px solid #255CAE; 580 } 581 } 582 583 @media only screen and (min-width: 1300px) { 584 .Nav-list { 585 width: 1260px; 586 } 587 } 588 589 .Nav-elementList { 590 position: relative; 591 } 592 593 .NavElement { 594 height: 60px; 595 display: inline-block; 596 } 597 598 @media only screen and (max-width: 980px) { 599 .NavElement { 600 display: block; 601 height: auto; 602 } 603 } 604 605 @media only screen and (min-width: 980px) { 606 .NavElement:hover, 607 .NavElementSub-element:hover, 608 .NavElementSubSub-element:hover { 609 background: #0B2671; 610 } 611 } 612 613 .NavElement-link{ 614 color: #FFF; 615 text-decoration: none; 616 padding: 0 15px 0 15px; 617 display: inline-block; 618 } 619 620 @media only screen and (max-width: 980px) { 621 .NavElement-link { 622 display: block; 623 } 624 } 625 626 .NavElement-link:hover { 627 color: #FFF; 628 text-decoration: none; 629 } 630 631 .NavElementSub, 632 .NavElementSubSub { 633 border: 0; 634 padding-left: 0; 635 list-style: none; 636 background: #255CAE; 637 } 638 639 @media only screen and (min-width: 980px) { 640 .NavElementSub, 641 .NavElementSubSub { 642 left: 0; 643 position: absolute; 644 text-align: center; 645 top: 60px; 646 width: 250px; 647 z-index: 1000; 648 } 649 } 650 651 .NavElementSub .NavElement-link, 652 .NavElementSubSub .NavElement-link { 653 padding: 0; 654 } 655 656 @media only screen and (max-width: 980px) { 657 .NavElementSub .NavElement-link, 658 .NavElementSubSub .NavElement-link {
659 padding: 0 30px 0 30px; 660 } 661 } 662 663 .NavElementSub-element { 664 padding: 0; 665 display: block; 666 width: 100%; 667 } 668 669 @media only screen and (min-width: 980px) { 670 .NavElementSub-element, 671 .NavElementSubSub-element { 672 overflow: hidden; 673 height: 0; 674 -webkit-transition: all 0.2s; 675 -moz-transition: all 0.2s; 676 -ms-transition: all 0.2s; 677 -o-transition: all 0.2s; 678 transition: all 0.2s; 679 } 680 681 .NavElement:hover .NavElementSub .NavElementSub-element, 682 .NavElementSub-element:hover > .NavElementSubSub .NavElementSubSub-element { 683 height:60px; 684 } 685 } 686 687 688 .NavElementSub-element a, 689 .NavElementSubSub-element a { 690 width: 100%; 691 display: block; 692 } 693 694 .NavElementSubSub { 695 margin-left: 250px; 696 position: absolute; 697 top: 0; 698 } 699 700 @media only screen and (max-width: 980px) { 701 .NavElementSubSub { 702 position: relative; 703 } 704 } 705 706 @media only screen and (max-width: 980px) { 707 .Nav-archives, 708 .Nav-links { 709 display: none; 710 } 711 } 712 713 .Nav-search { 714 position: absolute; 715 right: 0; 716 bottom: 0; 717 } 718 719 .NavSearch {} 720 721 @media only screen and (max-width: 980px) { 722 .Nav-search { 723 position: relative; 724 } 725 726 .NavSearch-container { 727 width: 100%; 728 } 729 } 730 731 @media only screen and (max-width: 980px) { 732 733 .NavSearch-container { 734 width: 100%; 735 } 736 } 737 738 @media only screen and (min-width: 980px) { 739 740 .NavSearch-container { 741 position: relative; 742 width: 0%; 743 min-width: 60px; 744 height: 60px; 745 float: right; 746 overflow: hidden; 747 -webkit-transition: width 0.3s; 748 -moz-transition: width 0.3s; 749 -ms-transition: width 0.3s; 750 -o-transition: width 0.3s; 751 transition: width 0.3s; 752 } 753 754 .NavSearch-container--open { 755 width: 300px; 756 } 757 } 758 759 760 761 .NavSearch-input { 762 position: absolute; 763 top: 0; 764 right: 0; 765 border: none; 766 outline: none; 767 background: #fff; 768 width: 200px; 769 margin: 0; 770 margin-right: 60px; 771 z-index: 10; 772 padding: 20px 20px 20px 20px; 773 font-family: inherit; 774 font-size: 20px; 775 color: #2c3e50; 776 } 777 778 @media only screen and (max-width: 980px) { 779 .NavSearch-input { 780 position: relative; 781 width: 100%; 782 margin-right: 0; 783 padding-right: 70px; 784 line-height: 30px; 785 padding: 10px 20px 10px 20px; 786 z-index: 0; 787 } 788 } 789 790 .NavSearch-icon, 791 .NavSearch-submit { 792 width: 60px; 793 height: 60px; 794 display: block; 795 position: absolute; 796 right: 0; 797 top: 0; 798 padding: 0; 799 margin: 0; 800 line-height: 60px; 801 text-align: center; 802 cursor: pointer; 803 color: #fff; 804 font-size: 22px; 805 font-family: 'FontAwesome'; 806 -webkit-font-smoothing: antialiased; 807 -webkit-user-select: none; // For Webkit 808 -khtml-user-select: none; 809 -moz-user-select: none; 810 background: #3B92CC; 811 } 812 813 @media only screen and (max-width: 980px) { 814 .NavSearch-icon, 815 .NavSearch-submit { 816 width: 50px; 817 height: 50px; 818 line-height: 50px; 819 } 820 } 821 822 .NavSearch-submit { 823 visibility: hidden; 824 } 825 826 .NavSearch-icon:before { 827 content: "\f002"; 828 } 829 830 831 /******************************** 832 Content 833 ********************************/ 834 835 .Content { 836 width: 940px; 837 margin: auto; 838 margin-top: 20px; 839 } 840 841 .Content--index {} 842 .Content--page {} 843 .Content--special {} 844 845 @media only screen and (min-width: 660px) and (max-width: 980px) { 846 .Content--index { 847 width: 620px; 848 } 849 .Content--page { 850 width: 620px; 851 } 852 } 853 854 @media only screen and (min-width: 980px) and (max-width: 1300px) { 855 .Content--index { 856 width: 940px; 857 } 858 .Content--page { 859 width: 940px; 860 } 861 } 862 863 @media only screen and (min-width: 1300px) { 864 .Content--index { 865 width: 1260px; 866 } 867 .Content--page { 868 width: 940px; 869 } 870 } 871 872 .Content--special h2, .Content--special .ob-h2 { 873 margin-top: 0; 874 } 875 876 @media only screen and (max-width: 660px) { 877 .Content { 878 width: 100%; 879 padding: 0 20px 0 20px; 880 } 881 882 body.withsharebar .Content { 883 padding-top: 40px; 884 } 885 } 886 887 888 /******************************** 889 Post 890 ********************************/ 891 892 .Post-header { 893 position: relative; 894 padding: 20px; 895 background-color: white; 896 margin-bottom: 20px; 897 border: 0 solid transparent; 898 border-width: 0 0 5px 0; 899 border-color: #3B92CC; 900 } 901 902 .Post-title { 903 font-family: 'Poiret One', cursive; 904 font-size: 32px; 905 line-height: 32px; 906 margin-top: 0; 907 text-align: center; 908 color: #3B92CC; 909 } 910 911 .Post-meta { 912 margin-bottom: 10px; 913 } 914 915 .PostMeta { 916 display: table; 917 table-layout: fixed; 918 width: 100%; 919 } 920 921 .PostMeta-user { 922 display: table-cell; 923 text-align: left; 924 } 925 926 .PostMeta-user .fa { 927 color : #3B92CC; 928 } 929 930 .PostMeta-tags { 931 display: table-cell; 932 text-align: center; 933 } 934 935 .PostMeta-tags .fa { 936 color : #3B92CC; 937 } 938 939 .PostMeta-date { 940 display: table-cell; 941 text-align: center; 942 } 943 944 .PostMeta-date .fa { 945 color : #3B92CC; 946 } 947 948 .PostMeta-comments { 949 display: table-cell; 950 text-align: right; 951 } 952 953 .PostMeta-comments .fa { 954 color : #3B92CC; 955 } 956 957 @media only screen and (max-width: 660px) { 958 .PostMeta-user, 959 .PostMeta-tags, 960 .PostMeta-comments { 961 text-align: center; 962 } 963 964 .PostMeta-user .fa, 965 .PostMeta-tags .fa, 966 .PostMeta-comments .fa { 967 display: block; 968 text-align: center; 969 margin: auto; 970 } 971 } 972
973 .Post-date { 974 position: absolute; 975 bottom: -10px; 976 padding: 5px; 977 color: white; 978 text-transform: uppercase; 979 font-family: 'Poiret One'; 980 z-index: 2; 981 text-align: center; 982 width: 140px; 983 left: 390px; 984 background-color: #3B92CC; 985 } 986 987 @media only screen and (max-width: 660px) { 988 .Post-date { 989 width: 40%; 990 left: 30%; 991 } 992 } 993 994 @media only screen and (min-width: 660px) and (max-width:980px) { 995 .Post-date { 996 left: 240px; 997 } 998 } 999 1000 .Post-source {} 1001 1002 .PostSource-angle { 1003 height: 0; 1004 width: 0; 1005 position: absolute; 1006 left: 0; 1007 top: 0; 1008 border-right: 50px solid transparent; 1009 border-bottom: 50px solid transparent; 1010 border-top: 0 solid transparent; 1011 border-left: 50px solid #3B92CC; 1012 } 1013 1014 1015 .PostSource-icon { 1016 width: 32px; 1017 text-align: center; 1018 position: absolute; 1019 top: 8px; 1020 left: 0; 1021 color: white; 1022 } 1023 1024 @media only screen and (max-width: 660px) { 1025 .Post-adUnderHeader { 1026 text-align: center; 1027 } 1028 } 1029 1030 1031 .Post-content { 1032 background-color: white; 1033 padding: 20px; 1034 margin-bottom: 20px; 1035 } 1036 1037 1038 .Post-content h1, .Post-content .ob-h1, 1039 .Post-content h2, .Post-content .ob-h2, 1040 .Post-content h3, .Post-content .ob-h3, 1041 .Post-content h4, .Post-content .ob-h4, 1042 .Post-content h5, .Post-content .ob-h5, 1043 .Post-content h6, .Post-content .ob-h6 { 1044 margin: 15px 0; 1045 } 1046 1047 .Post-content .ob-section-html h1, .Post-content .ob-section-html .ob-h1, 1048 .Post-content .ob-section-text h3, .Post-content .ob-section-text .ob-h3 { 1049 font-size: 25px; 1050 } 1051 1052 .Post-content .ob-section-html h2, .Post-content .ob-section-html .ob-h2, 1053 .Post-content .ob-section-text h4, .Post-content .ob-section-text .ob-h4 { 1054 font-size: 20px; 1055 } 1056 1057 .Post-content .ob-section-html h3, .Post-content .ob-section-html .ob-h3, 1058 .Post-content .ob-section-text h5, .Post-content .ob-section-text .ob-h5 { 1059 font-size: 15px; 1060 } 1061 1062 .Post-content .ob-section-html h4, .Post-content .ob-section-html .ob-h4 { 1063 font-size: 12px; 1064 } 1065 1066 .Post-content .ob-section-html h5, .Post-content .ob-section-html .ob-h5 { 1067 font-size: 10px; 1068 } 1069 1070 .Post-content .ob-section-html h6, .Post-content .ob-section-html .ob-h6 { 1071 font-size: 8px; 1072 } 1073 1074 .Post-content p + h1, .Post-content p + .ob-h1, 1075 .Post-content p + h2, .Post-content p + .ob-h2, 1076 .Post-content p + h3, .Post-content p + .ob-h3, 1077 .Post-content p + h4, .Post-content p + .ob-h4, 1078 .Post-content p + h5, .Post-content p + .ob-h5, 1079 .Post-content p + h6, .Post-content p + .ob-h6 { 1080 margin-top: 40px; 1081 } 1082 1083 .Post-content h1 + p, .Post-content .ob-h1 + p, 1084 .Post-content h2 + p, .Post-content .ob-h2 + p, 1085 .Post-content h3 + p, .Post-content .ob-h3 + p, 1086 .Post-content h4 + p, .Post-content .ob-h4 + p, 1087 .Post-content h5 + p, .Post-content .ob-h5 + p, 1088 .Post-content h6 + p, .Post-content .ob-h6 + p { 1089 margin-top: 0; 1090 } 1091 1092 .Post-returnToHome { 1093 display: block; 1094 text-align: center; 1095 line-height: 60px; 1096 } 1097 1098 1099 /******************************** 1100 PostPreview 1101 ********************************/ 1102 1103 .PostPreview-container {} 1104 1105 .PostPreview { 1106 margin-bottom: 20px; 1107 background-color: white; 1108 width: 300px; 1109 height: 250px; 1110 float: left; 1111 position: relative; 1112 margin-right: 20px; 1113 overflow: hidden; 1114 } 1115 1116 @media only screen and (min-width: 660px) and (max-width: 980px) { 1117 .PostPreview-container .PostPreview:nth-child(2n+2) { 1118 margin-right: 0; 1119 } 1120 } 1121 1122 @media only screen and (min-width: 980px) and (max-width: 1300px) { 1123 .PostPreview-container .PostPreview:nth-child(3n+3) { 1124 margin-right: 0; 1125 } 1126 } 1127 1128 @media only screen and (min-width: 1300px) { 1129 .PostPreview-container .PostPreview:nth-child(4n+4) { 1130 margin-right: 0; 1131 } 1132 } 1133 1134 @media only screen and (max-width: 660px) { 1135 .PostPreview { 1136 float: none; 1137 width: 100%; 1138 height: auto; 1139 } 1140 1141 .PostPreview--ad { 1142 text-align: center; 1143 background-color: transparent; 1144 } 1145 1146 .PostPreview--ad div { 1147 display: inline-block; 1148 } 1149 } 1150 1151 .PostPreview-cover { 1152 width: 300px; 1153 height: 170px; 1154 position: relative; 1155 -webkit-transition: height 0.2s; 1156 -moz-transition: height 0.2s; 1157 -ms-transition: height 0.2s; 1158 -o-transition: height 0.2s; 1159 transition: height 0.2s; 1160 } 1161 1162 @media only screen and (max-width: 660px) { 1163 .PostPreview-cover { 1164 width: 100%; 1165 height: auto; 1166 } 1167 } 1168 1169 @media only screen and (min-width: 980px) { 1170 .PostPreview:hover .PostPreview-cover { 1171 height : 110px; 1172 } 1173 1174 .PostPreview:hover .PostPreview-cover::before { 1175 border-width: 5px 0 5px 0; 1176 border-color: #3B92CC; 1177 } 1178 } 1179 1180 1181 .PostPreview-cover::before { 1182 position: absolute; 1183 top: 0; 1184 bottom: 0; 1185 left: 0; 1186 right: 0; 1187 z-index: 1; 1188 background: rgba(0,0,0,0); 1189 content: ''; 1190 -webkit-transition: border 0.2s; 1191 -moz-transition: border 0.2s; 1192 -ms-transition: border 0.2s; 1193 -o-transition: border 0.2s; 1194 transition: border 0.2s; 1195 border: 0 solid transparent; 1196 border-width: 0 0 5px 0; 1197 border-color: #3B92CC; 1198 } 1199 1200 .PostPreview-coverImage { 1201 width: 100%; 1202 object-fit: cover; 1203 display: block; 1204 outline: none; 1205 border: none; 1206 background-color: #255CAE; 1207 } 1208 1209 @media only screen and (min-width: 660px) { 1210 .PostPreview-coverImage { 1211 position: absolute; 1212 top: 0; 1213 bottom: 0; 1214 left: 0; 1215 right: 0; 1216 height: 100%; 1217 } 1218 } 1219 1220 .PostPreview-source {} 1221 1222 .PostPreviewSource-angle { 1223 height: 0; 1224 width: 0; 1225 position: absolute; 1226 left: 0; 1227 bottom: 120px; 1228 -webkit-transition: bottom 0.2s, border 0.2s; 1229 -moz-transition: bottom 0.2s, border 0.2s; 1230 -ms-transition: bottom 0.2s, border 0.2s; 1231 -o-transition: bottom 0.2s, border 0.2s; 1232 transition: bottom 0.2s, border 0.2s; 1233 border-right: 50px solid transparent; 1234 border-bottom: 50px solid transparent; 1235 border-top: 0 solid transparent; 1236 border-left: 50px solid #3B92CC; 1237 } 1238 1239 1240 .PostPreview:hover .PostPreviewSource-angle { 1241 bottom: 0; 1242 border-bottom: 0 solid transparent; 1243 border-top: 50px solid transparent; 1244 } 1245 1246 .PostPreviewSource-icon { 1247 width: 32px; 1248 text-align: center; 1249 position: absolute; 1250 bottom: 147px; 1251 color: white; 1252 -webkit-transition: bottom 0.2s; 1253 -moz-transition: bottom 0.2s; 1254 -ms-transition: bottom 0.2s; 1255 -o-transition: bottom 0.2s; 1256 transition: bottom 0.2s; 1257 } 1258 1259 .PostPreview:hover .PostPreviewSource-icon { 1260 bottom: 8px; 1261 } 1262 1263 .PostPreview-tags { 1264 position: absolute; 1265 bottom: 0; 1266 right: 0; 1267 padding: 5px 20px; 1268 color: white; 1269 text-transform: uppercase; 1270 font-weight: bold; 1271 overflow: hidden; 1272 text-overflow: ellipsis; 1273 white-space: nowrap; 1274 max-width: 100%; 1275 -webkit-transition: all 0.2s; 1276 -moz-transition: all 0.2s; 1277 -ms-transition: all 0.2s; 1278 -o-transition: all 0.2s; 1279 transition: all 0.2s; 1280 font-family: 'Poiret One'; 1281 background-color: #3B92CC; 1282 } 1283 1284 @media only screen and (min-width: 980px) { 1285 .PostPreview:hover .PostPreview-tags { 1286 bottom: 100%; 1287 margin-bottom: -28px; 1288 padding-bottom: 5px; 1289 } 1290 } 1291 1292 .PostPreview-date { 1293 position: absolute; 1294 bottom: -5px; 1295 padding: 5px; 1296 color: white; 1297 text-transform: uppercase; 1298 font-weight: bold; 1299 z-index: 2; 1300 text-align: center; 1301 width: 100px; 1302 left: 100px; 1303 font-family: 'Poiret One'; 1304 background-color: #3B92CC; 1305 } 1306 1307 .PostPreview-content { 1308 padding: 15px; 1309 overflow: hidden; 1310 } 1311 1312 .PostPreview-title { 1313 font-family: 'Poiret One'; 1314 font-weight: 600; 1315 font-size: 20px; 1316 text-transform: uppercase; 1317 line-height: 20px; 1318 overflow: hidden; 1319 text-overflow: ellipsis; 1320 white-space: nowrap; 1321 margin-bottom: 10px; 1322 margin-top: 0; 1323 color: #3B92CC; 1324 } 1325 1326 @media only screen and (max-width: 660px) { 1327 .PostPreview-snippet { 1328 display: none; 1329 } 1330 } 1331 1332 @media only screen and (min-width: 660px) { 1333 .PostPreview-snippet { 1334 opacity: 0; 1335 -webkit-transition: all 0.2s; 1336 -moz-transition: all 0.2s; 1337 -ms-transition: all 0.2s; 1338 -o-transition: all 0.2s; 1339 transition: all 0.2s; 1340 } 1341 1342 .PostPreview:hover .PostPreview-snippet { 1343 opacity: 1; 1344 } 1345 } 1346 1347 .PostPreview-meta { 1348 width: 100%; 1349 margin-bottom: 0; 1350 } 1351 1352 @media only screen and (min-width: 660px) { 1353 .PostPreview-meta { 1354 position: absolute; 1355 bottom: 0; 1356 z-index: 1; 1357 background-color: white; 1358 padding-top: 10px; 1359 padding-bottom: 15px; 1360 width: 270px; 1361 } 1362 } 1363 1364 .PostPreviewMeta { 1365 display: table; 1366 } 1367 1368 .PostPreviewMeta-user { 1369 display: table-cell; 1370 text-align: left; 1371 overflow: hidden; 1372 text-overflow: ellipsis; 1373 white-space: nowrap; 1374 } 1375 1376 .PostPreviewMeta-date { 1377 display: table-cell; 1378 text-align: left; 1379 overflow: hidden; 1380 text-overflow: ellipsis; 1381
1381 white-space: nowrap; 1382 } 1383 1384 .PostPreviewMeta-tags { 1385 display: table-cell; 1386 text-align: left; 1387 overflow: hidden; 1388 text-overflow: ellipsis; 1389 white-space: nowrap; 1390 } 1391 1392 .PostPreviewMeta-comments { 1393 display: table-cell; 1394 text-align: right; 1395 overflow: hidden; 1396 text-overflow: ellipsis; 1397 white-space: nowrap; 1398 } 1399 1400 .PostPreviewMeta-user .fa, 1401 .PostPreviewMeta-date .fa, 1402 .PostPreviewMeta-tags .fa, 1403 .PostPreviewMeta-comments .fa{ 1404 margin-right: 5px; 1405 color: #3B92CC; 1406 } 1407 1408 .PostPreview-link { 1409 position: absolute; 1410 top: 0; 1411 bottom: 0; 1412 left: 0; 1413 right: 0; 1414 z-index: 1; 1415 } 1416 1417 .PostPreview--about { 1418 } 1419 1420 .PostPreviewAbout { 1421 position: relative; 1422 } 1423 1424 .PostPreviewAbout-cover { 1425 height: 90px; 1426 padding: 15px; 1427 background-color: #255CAE; 1428 } 1429 1430 .PostPreviewAbout-title { 1431 display: block; 1432 overflow: hidden; 1433 text-overflow: ellipsis; 1434 white-space: nowrap; 1435 text-align: center; 1436 line-height: 20px; 1437 color: white; 1438 font-size: 20px; 1439 margin: 0; 1440 font-family: 'Poiret One'; 1441 } 1442 1443 .PostPreviewAbout-avatar { 1444 position: absolute; 1445 border-radius: 50%; 1446 top: 50px; 1447 left: 115px; 1448 border: 5px solid white; 1449 } 1450 1451 .PostPreviewAbout-content { 1452 height: 160px; 1453 padding: 40px 15px 15px; 1454 overflow: hidden; 1455 } 1456 1457 .PostPreviewAbout-description { 1458 } 1459 1460 .PostPreviewAbout-link { 1461 position: absolute; 1462 top: 0; 1463 bottom: 0; 1464 left: 0; 1465 right: 0; 1466 } 1467 1468 @media only screen and (max-width: 660px) { 1469 .PostPreviewAbout-cover { 1470 height: auto; 1471 } 1472 1473 .PostPreviewAbout { 1474 height: auto; 1475 } 1476 1477 .PostPreviewAbout-content { 1478 height: auto; 1479 padding-top: 15px 1480 } 1481 1482 .PostPreviewAbout-description { 1483 margin: 0; 1484 } 1485 1486 .PostPreviewAbout-avatar { 1487 display: none; 1488 } 1489 } 1490 1491 @media only screen and (min-width: 980px) { 1492 .PostPreviewAbout-cover { 1493 -webkit-transition: height 0.2s; 1494 -moz-transition: height 0.2s; 1495 -ms-transition: height 0.2s; 1496 -o-transition: height 0.2s; 1497 transition: height 0.2s; 1498 } 1499 1500 .PostPreview:hover .PostPreviewAbout-cover { 1501 height: 50px; 1502 -webkit-transition: height 0.2s; 1503 -moz-transition: height 0.2s; 1504 -ms-transition: height 0.2s; 1505 -o-transition: height 0.2s; 1506 transition: height 0.2s; 1507 } 1508 1509 .PostPreviewAbout-title { 1510 opacity: 1; 1511 -webkit-transition: opacity 0.2s; 1512 -moz-transition: opacity 0.2s; 1513 -ms-transition: opacity 0.2s; 1514 -o-transition: opacity 0.2s; 1515 transition: opacity 0.2s; 1516 } 1517 1518 .PostPreview:hover .PostPreviewAbout-title { 1519 opacity: 0; 1520 -webkit-transition: opacity 0.2s; 1521 -moz-transition: opacity 0.2s; 1522 -ms-transition: opacity 0.2s; 1523 -o-transition: opacity 0.2s; 1524 transition: opacity 0.2s; 1525 } 1526 1527 .PostPreviewAbout-avatar { 1528 -webkit-transition: top 0.2s; 1529 -moz-transition: top 0.2s; 1530 -ms-transition: top 0.2s; 1531 -o-transition: top 0.2s; 1532 transition: top 0.2s; 1533 } 1534 1535 .PostPreview:hover .PostPreviewAbout-avatar { 1536 top: 10px; 1537 -webkit-transition: top 0.2s; 1538 -moz-transition: top 0.2s; 1539 -ms-transition: top 0.2s; 1540 -o-transition: top 0.2s; 1541 transition: top 0.2s; 1542 } 1543 1544 .PostPreviewAbout-content { 1545 -webkit-transition: height 0.2s; 1546 -moz-transition: height 0.2s; 1547 -ms-transition: height 0.2s; 1548 -o-transition: height 0.2s; 1549 transition: height 0.2s; 1550 } 1551 1552 .PostPreview:hover .PostPreviewAbout-content { 1553 height: 190px; 1554 -webkit-transition: height 0.2s; 1555 -moz-transition: height 0.2s; 1556 -ms-transition: height 0.2s; 1557 -o-transition: height 0.2s; 1558 transition: height 0.2s; 1559 } 1560 } 1561 1562 1563 /******************************** 1564 Pagination 1565 ********************************/ 1566 1567 .Pagination {} 1568 1569 .PaginationLink { 1570 cursor: pointer; 1571 padding: 20px; 1572 text-align: center; 1573 display: block; 1574 background: white; 1575 border: 1px solid #3B92CC; 1576 color: #3B92CC; 1577 } 1578 1579 @media only screen and (max-width: 660px) { 1580 .PaginationLink--previous { 1581 margin-bottom: 20px; 1582 } 1583 } 1584 1585 @media only screen and (min-width: 660px) { 1586 .PaginationLink:hover { 1587 color: white; 1588 background: #3B92CC; 1589 } 1590 .PaginationLink--previous, 1591 .PaginationLink--next { 1592 display: inline: block; 1593 } 1594 1595 .PaginationLink--previous { 1596 float: left; 1597 } 1598 1599 .PaginationLink--next { 1600 float: right; 1601 } 1602 } 1603 1604 .ob-pagination { 1605 text-align: center; 1606 margin-bottom: 20px; 1607 } 1608 1609 .ob-page { 1610 font-family: sans-serif; 1611 display: inline-block; 1612 width: 35px; 1613 height: 35px; 1614 line-height: 35px; 1615 margin: 0 1px; 1616 background: white; 1617 border-radius: 50%; 1618 border: 1px solid #3B92CC; 1619 } 1620 1621 .ob-page-link:hover, 1622 .ob-page-current { 1623 color: white; 1624 background: #3B92CC; 1625 } 1626 1627 .ob-page-first, 1628 .ob-page-previous, 1629 .ob-page-next, 1630 .ob-page-last { 1631 width: 50px; 1632 border-radius: 40px; 1633 } 1634 1635 @media only screen and (min-width: 660px) { 1636 .ob-page-previous { 1637 margin-right: 30px; 1638 } 1639 1640 .ob-page-next { 1641 margin-left: 30px; 1642 } 1643 } 1644 1645 @media only screen and (max-width: 660px) { 1646 .ob-page { 1647 display: none; 1648 } 1649 1650 .ob-page-first, 1651 .ob-page-previous, 1652 .ob-page-current, 1653 .ob-page-next, 1654 .ob-page-last { 1655 display: inline-block; 1656 } 1657 } 1658 1659 1660 /******************************** 1661 Recents Articles 1662 ********************************/ 1663 @media only screen and (max-width: 660px) { 1664 .RecentsPosts > .PostPreview-container > .PostPreview { 1665 display: none; 1666 } 1667 1668 .RecentsPosts > .PostPreview-container > .PostPreview--ad { 1669 display: block; 1670 } 1671 } 1672 1673 @media only screen and (min-width: 660px) and (max-width:980px) { 1674 .RecentsPosts > .PostPreview-container > .PostPreview:nth-child(2) { 1675 display: none; 1676 } 1677 1678 } 1679 1680 @media only screen and (min-width: 660px) { 1681 .RecentsPosts > .PostPreview-container > .PostPreview--ad { 1682 margin-right: 0; 1683 } 1684 } 1685 1686 /******************************** 1687 Similars Posts 1688 ********************************/ 1689 @media only screen and (max-width: 660px) { 1690 .SimilarsPosts { 1691 display: none; 1692 } 1693 } 1694 1695 @media only screen and (min-width: 660px) and (max-width:980px) { 1696 .SimilarsPosts > .PostPreview-container > .PostPreview { 1697 display: none; 1698 } 1699 1700 .SimilarsPosts > .PostPreview-container > .PostPreview:nth-child(-n+2) { 1701 display: block; 1702 } 1703 1704 .SimilarsPosts > .PostPreview-container > .PostPreview:nth-child(2) { 1705 margin-right: 0; 1706 } 1707 } 1708 1709 @media only screen and (min-width: 1300px) { 1710 .SimilarsPosts > .PostPreview-container .PostPreview:nth-child(3n+3) { 1711 margin-right: 0; 1712 } 1713 } 1714 1715 /******************************** 1716 About 1717 ********************************/ 1718 1719 /******************************** 1720 Shares 1721 ********************************/ 1722 .ob-Shares { 1723 background-color: white; 1724 padding: 20px; 1725 } 1726 1727 1728 /******************************** 1729 Footer 1730 ********************************/ 1731 1732 .Footer, .ob-footer { 1733 width: 100%; 1734 color: white; 1735 text-align: center; 1736 background-color: #3B92CC; 1737 } 1738 1739 .Footer { 1740 padding: 15px 0; 1741 } 1742 1743 .ob-footer { 1744 padding-bottom: 15px; 1745 } 1746 1747 .Footer a, 1748 .ob-footer a, 1749 .Footer a:visited, 1750 .ob-footer a:visited { 1751 color: #0B2671; 1752 } 1753 1754 .Footer a:hover, 1755 .ob-footer a:hover{ 1756 color: white; 1757 } 1758 1759 .Box, 1760 .ob-Outbrain_content, 1761 .ob-Related-posts { 1762 margin-bottom: 20px; 1763 padding : 20px; 1764 background-color: white; 1765 } 1766
1767 .BoxBiography-avatar { 1768 float:left; 1769 margin-right: 15px; 1770 } 1771 1772 1773 /******************************** 1774 Title 1775 ********************************/ 1776 1777 .Title { 1778 display: block; 1779 } 1780 1781 .Title--whithoutBackground { 1782 color: #3B92CC; 1783 } 1784 1785 1786 /******************************** 1787 Forms 1788 ********************************/ 1789 1790 .ob-label.required:after { 1791 color: #3B92CC; 1792 } 1793 1794 .ob-input { 1795 background: #fff; 1796 padding: 7px 0 7px 3px; 1797 border: 1px solid #787878; 1798 font-family: 'Roboto Slab'; 1799 font-size: 14px; 1800 } 1801 1802 .ob-input:focus { 1803 outline: none; 1804 border-color: #3B92CC; 1805 } 1806 1807 .ob-input-textarea { 1808 resize: none; 1809 min-height: 100px; 1810 } 1811 1812 .ob-input-submit { 1813 padding: 20px; 1814 line-height: 0; 1815 color: #3B92CC; 1816 border-color: #3B92CC; 1817 } 1818 1819 .ob-input-submit:hover { 1820 cursor: pointer; 1821 color: white; 1822 background-color: #3B92CC; 1823 } 1824 1825 1826 /******************************** 1827 Clear 1828 ********************************/ 1829 1830 .Clear{ 1831 clear: both; 1832 } 1833 1834 1835 /******************************** 1836 Overblog surcharge 1837 ********************************/ 1838 1839 .ob-text p:first-child { 1840 margin-top: 0; 1841 } 1842 1843 1844 .ob-top-list { 1845 padding-left: 0; 1846 } 1847 1848 /* Forms */ 1849 1850 .ob-input { 1851 padding: 10px; 1852 border: 2px solid #EBF2F6; 1853 border-radius: 30px; 1854 } 1855 1856 .ob-input:focus { 1857 outline: none; 1858 border-color: #3B92CC; 1859 } 1860 1861 .ob-input-submit { 1862 background: #EBF2F6; 1863 } 1864 1865 /* Section Quote */ 1866 .ob-section-quote .ob-quote .ob-quote-left, 1867 .ob-section-quote .ob-quote .ob-quote-right { 1868 fill: #3B92CC; 1869 } 1870 1871 /* Section File */ 1872 .ob-section-file .ob-button-link { 1873 background: #3B92CC; 1874 } 1875 1876 /* Section Audio */ 1877 .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-play, 1878 .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-pause, 1879 .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-on, 1880 .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-off { 1881 fill: #3B92CC; 1882 } 1883 1884 /* Newsletter Form */ 1885 .ob-Newsletter { 1886 margin-top: 20px; 1887 } 1888 1889 .ob-Newsletter-toggle, 1890 .ob-Newsletter-submit { 1891 border-radius: 0; 1892 background: #3B92CC; 1893 color: #fff; 1894 border-color: #3B92CC; 1895 } 1896 1897 .ob-Newsletter-box { 1898 border: none; 1899 } 1900 /* Comments */ 1901 #ob-comments .ob-button-primary, 1902 #ob-comments .ob-reply-link, 1903 #ob-comments a { 1904 border-color: #3B92CC; 1905 color: #3B92CC; 1906 } 1907 </style> 1908
1908<script> 1909 function loadGA() { 1910 window.dataLayer = window.dataLayer || [] 1911 var s = document.createElement("script") 1912 s.async = true 1913 s.src = "https://cdn.lib.getjan.io/library/overblog.js" 1914 s.setAttribute("importance", "high") 1915 var g = document.getElementsByTagName("head")[0] 1916 g.parentNode.insertBefore(s, g) 1917 window.jan = window.jan || {} 1918 jan.cmd = jan.cmd || [] 1919 jancmd = function(){jan.cmd.push(arguments);} 1920 1921 // TODO: Now, The wrapper handle didomi consent for us so we don't need anymore to wait didomi consent to load GA. The dimension23 is for didomi consent but it will be handle directly by the wrapper. We remove it from the code below. 1922 var dimensions = { 1923 dimension1: '__ads_loaded__' in window ? '0' : '1', 1924 dimension2: 'fr', 1925 dimension3: 'BS', 1926 dimension4: 'jobs-education-studies', 1927 dimension5: '0', 1928 dimension6: '0', 1929 dimension7: '0', 1930 dimension10: '673595', 1931 dimension11: '1', 1932 dimension12: '2', 1933 dimension13: '0', 1934 dimension14: '__ads_loaded__' in window ? '1' : '0', 1935 dimension15: '__ads_loaded__' in window ? '0' : '1', 1936 dimension16: '673595', 1937 dimension17: "S Blog de la SEGPA St Jo", 1938 dimension24: '20130628', 1939 dimension25: 'overblog', 1940 } 1941 1942 if (location) { 1943 dimensions.dimension22 = '' + location.hostname 1944 } 1945 1946 jancmd("setConfig", { 1947 metadata: dimensions, 1948 }); 1949 1950 jancmd("sendEvent", "pageview"); 1951 } 1952 1953 loadGA() 1954</script>
1954 1955
1956<script> 1957 function isConnected(connected, connected_owner, timestamp, user_id) { 1958 if (connected) { 1959 document.querySelector('html').classList.add('ob-connected') 1960 } 1961 if (connected_owner) { 1962 document.querySelector('html').classList.add('ob-connected-blog') 1963 } 1964 } 1965</script>
vendor: 1 bytes, line 1965
1965
1966<script src="//connect.over-blog.com/ping/673595/isConnected" async></script>
1966 1967
1968<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/overblog-main.5a6bdd1e.js"></script>
1968 1969 1970 1971 1972 1973 </head> 1974 <!-- Body --> 1975 <body class="Body"> 1976 1977 1978 1979 <div class="ob-ShareBar ob-ShareBar--desktop ob-ShareBar--light js-ob-ShareBar"> 1980 <div class="ob-ShareBar-container ob-ShareBar-container--left"> 1981 1982 1983 <img class="ob-ShareBar-brandingImg" src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/shareicon-branding-ob--light.png" alt="Overblog"> 1984 <a class="ob-ShareBar-portalLink" href="https://www.over-blog.com" rel="noopener,noreferrer"> 1985 <span class="ob-ShareBar--mobile_text">Tous les blogs</span> 1986 </a> 1987 <a class="ob-ShareBar-portalLink" href="https://www.over-blog.com/blogs/categorie-13"> 1988 <span class="ob-ShareBar--mobile_text">Top blogs Emploi, Enseignement & Etudes</span> 1989 </a> 1990 <a class="ob-ShareBar-portalLink" href="https://www.over-blog.com/mag/business"> 1991 <span class="ob-ShareBar--mobile_text">Tous les blogs Emploi, Enseignement & Etudes</span> 1992 </a> 1993 </div> 1994 1995 <div class="ob-ShareBar-container ob-ShareBar-container--right"> 1996 <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a> 1997 <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&
1997text={title}" title="X (Twitter)" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a> 1998 <a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a> 1999 2000 <form action="/search" method="post" accept-charset="utf-8" class="ob-ShareBar-search"> 2001 <input type="text" name="q" value="" class="ob-ShareBar-input" placeholder="Rechercher"> 2002 <button class="ob-ShareBar-submit"></button> 2003 </form> 2004 2005 2006 <a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar-follow" href="https://admin.over-blog.com/_follow/673595" target="_blank" rel="nofollow"> 2007 Suivre ce blog 2008 </a> 2009 2010 <a href="https://admin.over-blog.com/" class="ob-ShareBar-admin ob-ShareBar--connected"> 2011 <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock"> 2012 <span class="ob-ShareBar-text">Administration</span> 2013 </a> 2014 2015 <a href="https://connect.over-blog.com/fr/login" class="ob-ShareBar-login ob-ShareBar--notconnected"> 2016 <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock"> 2017 <span class="ob-ShareBar-text">Connexion</span> 2018 </a> 2019 <a href="https://www.over-blog.com/creation" class="ob-ShareBar-create ob-ShareBar--notconnected"> 2020 <span class="ob-ShareBar-plus">+</span> 2021 <span class="ob-ShareBar-text">Créer mon blog</span> 2022 </a> 2023 2024 <span class="ob-ShareBar-toggle ob-ShareBar-toggle--hide js-ob-ShareBar-toggle"></span> 2025 </div> 2026 </div> 2027 2028 <div class="ob-ShareBar ob-ShareBar--minified js-ob-ShareBar--minified"> 2029 <div class="ob-ShareBar-container"> 2030 <span class="ob-ShareBar-toggle ob-ShareBar-toggle--show js-ob-ShareBar-toggle"></span> 2031 </div> 2032 </div> 2033 2034 <div id="ob-ShareBar--mobile_mask" class="ob-ShareBar--mobile_mask"></div> 2035 <div class="ob-ShareBar ob-ShareBar--mobile ob-ShareBar--light js-ob-ShareBar"> 2036 <img class="ob-ShareBar--mobile_logo" src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/shareicon-branding-ob--light.png" width="80" height="21" alt="overblog"/> 2037 <div id="ob-ShareBar--mobile_menu-trigger" class="ob-ShareBar--mobile_menu-trigger"> 2038 <svg xmlns="http://www.w3.org/2000/svg" height="18px" width="18px" viewbox="0 0 448 512"><path d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"/></svg> 2039 <span>MENU</span> 2040 </div> 2041 <div id="ob-ShareBar--mobile_menu" class="ob-ShareBar--mobile_menu"> 2042 <div class="ob-ShareBar--mobile_menu-wrapper"> 2043 <a href="https://www.over-blog.com" rel="noopener,noreferrer"> 2044 <span class="ob-ShareBar--mobile_text">Tous les blogs</span> 2045 </a> 2046 <a href="https://www.over-blog.com/blogs/categorie-13"> 2047 <span class="ob-ShareBar--mobile_text">Top blogs Emploi, Enseignement & Etudes</span> 2048 </a> 2049 <a href="https://www.over-blog.com/mag/business"> 2050 <span class="ob-ShareBar--mobile_text">Tous les blogs Emploi, Enseignement & Etudes</span> 2051 </a> 2052 <form method="post" action="/search" accept-charset="utf-8" class="ob-ShareBar--mobile_search"> 2053 <b>Recherche</b> 2054 <div class="ob-ShareBar--mobile_search-wrapper"> 2055 <div class="ob-ShareBar--mobile_search-input"> 2056 <input name="q" type="search" placeholder="Tapez un mot clé"/> 2057 </div> 2058 <button type="submit">Rechercher</button> 2059 </div> 2060 </form> 2061 <a href="https://connect.over-blog.com/fr/login" class="ob-ShareBar--mobile_login ob-ShareBar--notconnected"> 2062 <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock">
2063 <span class="ob-ShareBar--mobile_text">Connexion</span> 2064 </a> 2065 <a href="https://www.over-blog.com/creation" class="ob-ShareBar--mobile_create ob-ShareBar--notconnected"> 2066 <span class="ob-ShareBar-plus">+</span> 2067 <span class="ob-ShareBar--mobile_text">Créer mon blog</span> 2068 </a> 2069 2070 <a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar--mobile_follow" href="https://admin.over-blog.com/_follow/673595" target="_blank" rel="nofollow"> 2071 <span class="ob-ShareBar--mobile_text">Suivre ce blog</span> 2072 </a> 2073 2074 <a href="https://admin.over-blog.com/" class="ob-ShareBar--mobile_admin ob-ShareBar--connected"> 2075 <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock"> 2076 <span class="ob-ShareBar--mobile_text">Administration</span> 2077 </a> 2078 2079 <div class="ob-ShareBar--mobile_share"> 2080 <b> Partager</b> 2081 <div class="ob-ShareBar--mobile_share-wrapper"> 2082 <div> 2083 <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a> 2084 </div> 2085 <div> 2086 <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&
2086text={title}" title="X (Twitter)" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a> 2087 </div> 2088 <div> 2089 <a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a> 2090 </div> 2091 </div> 2092 </div> 2093 </div> 2094 </div> 2095 </div> 2096 2097
2097<script> 2098 var trigger = document.getElementById('ob-ShareBar--mobile_menu-trigger'); 2099 var mask = document.getElementById('ob-ShareBar--mobile_mask'); 2100 trigger.addEventListener('click', function(){ 2101 document.scrollingElement.classList.toggle('ob-ShareBar--mobile_menu-opened'); 2102 }); 2103 mask.addEventListener('click', function(){ 2104 document.scrollingElement.classList.toggle('ob-ShareBar--mobile_menu-opened'); 2105 }); 2106 </script>
2106 2107 2108
2108<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/sharebar.682fbc93.js"></script>
2108 2109
2109<script> 2110 const postTitle = "S Blog de la SEGPA St Jo" 2111 const socialShares = document.querySelectorAll('.ob-ShareBar-share--facebook, .ob-ShareBar-share--twitter') 2112 2113 socialShares.forEach((socialShareEl) => { 2114 socialShare(socialShareEl, postTitle) 2115 }) 2116 </script>
2116 2117 <!-- Header --> 2118 <div class="Header"> 2119 <div class="Header-content"> 2120 <figure class="Header-blogAvatar"> 2121 <img class="HeaderBlogAvatar-image" src="https://image.over-blog.com/TXS5OvKiKjFRZ6xcF9Iv1w0LiMw=/80x80/smart/filters:no_upscale()/image%2F0673595%2F20200402%2Fob_9b3ada_logo-stjo-noir.png" alt="S Blog de la SEGPA St Jo" width="80" height="80" /> 2122 </figure> 2123 2124 <h1 class="Header-title HeaderTitle "> 2125 <a class="Header-titleLink" href="https://www.segpastjodijon.com">S Blog de la SEGPA St Jo</a> 2126 </h1> 2127 2128 2129 <span class="Header-menuButton"> 2130 <span class="fa fa-fw fa-bars"></span> 2131 </span> 2132 </div> 2133 </div> 2134 2135 <!-- Nav --> 2136 <nav class="Nav"> 2137 <ul class="Nav-list"> 2138 <li class="Nav-home Nav-elementList NavElement"> 2139 <a class="NavElement-link" href="https://www.segpastjodijon.com">Accueil</a> 2140 </li> 2141 2142 <!-- Catégories --> 2143 <li class="Nav-tags Nav-elementList NavElement"> 2144 <a class="NavElement-link" href="#">Catégories</a> 2145 <ul class="NavElement-sub NavElementSub"> 2146 <li class="NavElementSub-element"> 2147 <a class="NavElement-link" href="/tag/projets/">Projets (238)</a> 2148 </li> 2149 <li class="NavElementSub-element"> 2150 <a class="NavElement-link" href="/tag/rencontres/">Rencontres (117)</a> 2151 </li> 2152 <li class="NavElementSub-element"> 2153 <a class="NavElement-link" href="/tag/champs%20pro/">Champs pro (96)</a> 2154 </li> 2155 <li class="NavElementSub-element"> 2156 <a class="NavElement-link" href="/tag/decouvertes%20culturelles/">Découvertes culturelles (82)</a> 2157 </li> 2158 <li class="NavElementSub-element"> 2159 <a class="NavElement-link" href="/tag/activites%20sportives/">Activités sportives (69)</a> 2160 </li> 2161 <li class="NavElementSub-element"> 2162 <a class="NavElement-link" href="/tag/notre%20segpa/">Notre SEGPA (46)</a> 2163 </li> 2164 <li class="NavElementSub-element"> 2165 <a class="NavElement-link" href="/tag/journee%20d%27integration/">Journée d'intégration (22)</a> 2166 </li> 2167 <li class="NavElementSub-element"> 2168 <a class="NavElement-link" href="/tag/sortie%20de%20cohesion/">Sortie de Cohésion (18)</a> 2169 </li> 2170 <li class="NavElementSub-element"> 2171 <a class="NavElement-link" href="/tag/embellissement%20de%20st%20jo/">Embellissement de... (16)</a> 2172 </li> 2173 <li class="NavElementSub-element"> 2174 <a class="NavElement-link" href="/tag/orientation/">Orientation (13)</a> 2175 </li> 2176 <li class="NavElementSub-element"> 2177 <a class="NavElement-link" href="/tag/champs%20pro%20et%20stages/">Champs pro et stages (7)</a> 2178 </li> 2179 <li class="NavElementSub-element"> 2180 <a class="NavElement-link" href="/tag/defis%20confinement/">Défis confinement (6)</a> 2181 </li> 2182 <li class="NavElementSub-element"> 2183 <a class="NavElement-link" href="/tag/ateliers%20prevention%20bien-etre/">Ateliers prévention... (4)</a> 2184 </li> 2185 </ul> 2186 </li> 2187 2188 2189 <!-- Archives --> 2190 <li class="Nav-archives Nav-elementList NavElement"> 2191 <a class="NavElement-link" href="#">Archives</a> 2192 <ul class="NavElement-sub NavElementSub"> 2193 <li class="NavElementSub-element"> 2194 <a class="NavElement-link" href="#">2026</a> 2195 <ul class="NavElementSub-sub NavElementSubSub"> 2196 <li class="NavElementSubSub-element"> 2197 <a class="NavElement-link" href="/archive/2026-09/">Septembre (2)</a> 2198 2199 </li> 2200 <li class="NavElementSubSub-element"> 2201 <a class="NavElement-link" href="/archive/2026-06/">Juin (7)</a> 2202 2203 </li> 2204 <li class="NavElementSubSub-element"> 2205 <a class="NavElement-link" href="/archive/2026-05/">Mai (2)</a> 2206 2207 </li> 2208 <li class="NavElementSubSub-element"> 2209 <a class="NavElement-link" href="/archive/2026-04/">Avril (2)</a> 2210 2211 </li> 2212 <li class="NavElementSubSub-element"> 2213 <a class="NavElement-link" href="/archive/2026-03/">Mars (2)</a> 2214 2215 </li> 2216 <li class="NavElementSubSub-element"> 2217 <a class="NavElement-link" href="/archive/2026-02/">Février (2)</a> 2218 2219 </li> 2220 <li class="NavElementSubSub-element"> 2221 <a class="NavElement-link" href="/archive/2026-01/">Janvier (6)</a> 2222 2223 </li> 2224 </ul> 2225 </li> 2226 <li class="NavElementSub-element"> 2227 <a class="NavElement-link" href="#">2025</a> 2228 <ul class="NavElementSub-sub NavElementSubSub"> 2229 <li class="NavElementSubSub-element"> 2230 <a class="NavElement-link" href="/archive/2025-12/">Décembre (3)</a> 2231 2232 </li> 2233 <li class="NavElementSubSub-element"> 2234 <a class="NavElement-link" href="/archive/2025-11/">Novembre (6)</a> 2235 2236 </li> 2237 <li class="NavElementSubSub-element"> 2238 <a class="NavElement-link" href="/archive/2025-10/">Octobre (8)</a> 2239 2240 </li> 2241 <li class="NavElementSubSub-element"> 2242 <a class="NavElement-link" href="/archive/2025-09/">Septembre (4)</a> 2243 2244 </li> 2245 <li class="NavElementSubSub-element"> 2246 <a class="NavElement-link" href="/archive/2025-06/">Juin (1)</a> 2247 2248 </li> 2249 <li class="NavElementSubSub-element"> 2250 <a class="NavElement-link" href="/archive/2025-05/">Mai (6)</a> 2251 2252 </li> 2253 <li class="NavElementSubSub-element"> 2254 <a class="NavElement-link" href="/archive/2025-03/">Mars (8)</a> 2255 2256 </li> 2257 <li class="NavElementSubSub-element"> 2258 <a class="NavElement-link" href="/archive/2025-01/">Janvier (2)</a> 2259 2260 </li> 2261 </ul> 2262 </li> 2263 <li class="NavElementSub-element"> 2264 <a class="NavElement-link" href="#">2024</a> 2265 <ul class="NavElementSub-sub NavElementSubSub"> 2266 <li class="NavElementSubSub-element"> 2267 <a class="NavElement-link" href="/archive/2024-12/">Décembre (7)</a> 2268 2269 </li> 2270 <li class="NavElementSubSub-element"> 2271 <a class="NavElement-link" href="/archive/2024-11/">Novembre (6)</a> 2272 2273 </li> 2274 <li class="NavElementSubSub-element"> 2275 <a class="NavElement-link" href="/archive/2024-10/">Octobre (22)</a> 2276 2277 </li> 2278 <li class="NavElementSubSub-element"> 2279 <a class="NavElement-link" href="/archive/2024-09/">Septembre (5)</a> 2280 2281 </li> 2282 <li class="NavElementSubSub-element"> 2283 <a class="NavElement-link" href="/archive/2024-07/">Juillet (3)</a> 2284 2285 </li> 2286 <li class="NavElementSubSub-element"> 2287 <a class="NavElement-link" href="/archive/2024-06/">Juin (10)</a> 2288 2289 </li> 2290 <li class="NavElementSubSub-element"> 2291 <a class="NavElement-link" href="/archive/2024-04/">Avril (2)</a> 2292 2293 </li> 2294 <li class="NavElementSubSub-element"> 2295 <a class="NavElement-link" href="/archive/2024-03/">Mars (8)</a> 2296 2297 </li> 2298 <li class="NavElementSubSub-element"> 2299 <a class="NavElement-link" href="/archive/2024-02/">Février (8)</a> 2300 2301 </li> 2302 <li class="NavElementSubSub-element"> 2303 <a class="NavElement-link" href="/archive/2024-01/">Janvier (2)</a> 2304 2305 </li> 2306 </ul> 2307 </li> 2308 <li class="NavElementSub-element"> 2309 <a class="NavElement-link" href="#">2023</a> 2310 <ul class="NavElementSub-sub NavElementSubSub"> 2311 <li class="NavElementSubSub-element"> 2312 <a class="NavElement-link" href="/archive/2023-12/">Décembre (6)</a> 2313 2314 </li> 2315 <li class=
2315"NavElementSubSub-element"> 2316 <a class="NavElement-link" href="/archive/2023-11/">Novembre (2)</a> 2317 2318 </li> 2319 <li class="NavElementSubSub-element"> 2320 <a class="NavElement-link" href="/archive/2023-10/">Octobre (10)</a> 2321 2322 </li> 2323 <li class="NavElementSubSub-element"> 2324 <a class="NavElement-link" href="/archive/2023-09/">Septembre (4)</a> 2325 2326 </li> 2327 <li class="NavElementSubSub-element"> 2328 <a class="NavElement-link" href="/archive/2023-07/">Juillet (2)</a> 2329 2330 </li> 2331 <li class="NavElementSubSub-element"> 2332 <a class="NavElement-link" href="/archive/2023-06/">Juin (6)</a> 2333 2334 </li> 2335 <li class="NavElementSubSub-element"> 2336 <a class="NavElement-link" href="/archive/2023-05/">Mai (3)</a> 2337 2338 </li> 2339 <li class="NavElementSubSub-element"> 2340 <a class="NavElement-link" href="/archive/2023-04/">Avril (2)</a> 2341 2342 </li> 2343 <li class="NavElementSubSub-element"> 2344 <a class="NavElement-link" href="/archive/2023-03/">Mars (4)</a> 2345 2346 </li> 2347 <li class="NavElementSubSub-element"> 2348 <a class="NavElement-link" href="/archive/2023-02/">Février (1)</a> 2349 2350 </li> 2351 </ul> 2352 </li> 2353 <li class="NavElementSub-element"> 2354 <a class="NavElement-link" href="#">2022</a> 2355 <ul class="NavElementSub-sub NavElementSubSub"> 2356 <li class="NavElementSubSub-element"> 2357 <a class="NavElement-link" href="/archive/2022-12/">Décembre (4)</a> 2358 2359 </li> 2360 <li class="NavElementSubSub-element"> 2361 <a class="NavElement-link" href="/archive/2022-11/">Novembre (1)</a> 2362 2363 </li> 2364 <li class="NavElementSubSub-element"> 2365 <a class="NavElement-link" href="/archive/2022-10/">Octobre (5)</a> 2366 2367 </li> 2368 <li class="NavElementSubSub-element"> 2369 <a class="NavElement-link" href="/archive/2022-09/">Septembre (2)</a> 2370 2371 </li> 2372 <li class="NavElementSubSub-element"> 2373 <a class="NavElement-link" href="/archive/2022-07/">Juillet (1)</a> 2374 2375 </li> 2376 <li class="NavElementSubSub-element"> 2377 <a class="NavElement-link" href="/archive/2022-06/">Juin (2)</a> 2378 2379 </li> 2380 <li class="NavElementSubSub-element"> 2381 <a class="NavElement-link" href="/archive/2022-05/">Mai (1)</a> 2382 2383 </li> 2384 <li class="NavElementSubSub-element"> 2385 <a class="NavElement-link" href="/archive/2022-03/">Mars (6)</a> 2386 2387 </li> 2388 <li class="NavElementSubSub-element"> 2389 <a class="NavElement-link" href="/archive/2022-02/">Février (2)</a> 2390 2391 </li> 2392 <li class="NavElementSubSub-element"> 2393 <a class="NavElement-link" href="/archive/2022-01/">Janvier (1)</a> 2394 2395 </li> 2396 </ul> 2397 </li> 2398 <li class="NavElementSub-element"> 2399 <a class="NavElement-link" href="#">2021</a> 2400 <ul class="NavElementSub-sub NavElementSubSub"> 2401 <li class="NavElementSubSub-element"> 2402 <a class="NavElement-link" href="/archive/2021-12/">Décembre (2)</a> 2403 2404 </li> 2405 <li class="NavElementSubSub-element"> 2406 <a class="NavElement-link" href="/archive/2021-11/">Novembre (1)</a> 2407 2408 </li> 2409 <li class="NavElementSubSub-element"> 2410 <a class="NavElement-link" href="/archive/2021-10/">Octobre (5)</a> 2411 2412 </li> 2413 <li class="NavElementSubSub-element"> 2414 <a class="NavElement-link" href="/archive/2021-09/">Septembre (2)</a> 2415 2416 </li> 2417 <li class="NavElementSubSub-element"> 2418 <a class="NavElement-link" href="/archive/2021-08/">Août (1)</a> 2419 2420 </li> 2421 <li class="NavElementSubSub-element"> 2422 <a class="NavElement-link" href="/archive/2021-06/">Juin (3)</a> 2423 2424 </li> 2425 <li class="NavElementSubSub-element"> 2426 <a class="NavElement-link" href="/archive/2021-04/">Avril (1)</a> 2427 2428 </li> 2429 <li class="NavElementSubSub-element"> 2430 <a class="NavElement-link" href="/archive/2021-03/">Mars (2)</a> 2431 2432 </li> 2433 <li class="NavElementSubSub-element"> 2434 <a class="NavElement-link" href="/archive/2021-02/">Février (1)</a> 2435 2436 </li> 2437 <li class="NavElementSubSub-element"> 2438 <a class="NavElement-link" href="/archive/2021-01/">Janvier (2)</a> 2439 2440 </li> 2441 </ul> 2442 </li> 2443 <li class="NavElementSub-element"> 2444 <a class="NavElement-link" href="#">2020</a> 2445 <ul class="NavElementSub-sub NavElementSubSub"> 2446 <li class="NavElementSubSub-element"> 2447 <a class="NavElement-link" href="/archive/2020-12/">Décembre (5)</a> 2448 2449 </li> 2450 <li class="NavElementSubSub-element"> 2451 <a class="NavElement-link" href="/archive/2020-11/">Novembre (1)</a> 2452 2453 </li> 2454 <li class="NavElementSubSub-element"> 2455 <a class="NavElement-link" href="/archive/2020-10/">Octobre (3)</a> 2456 2457 </li> 2458 <li class="NavElementSubSub-element"> 2459 <a class="NavElement-link" href="/archive/2020-09/">Septembre (4)</a> 2460 2461 </li> 2462 <li class="NavElementSubSub-element"> 2463 <a class="NavElement-link" href="/archive/2020-08/">Août (1)</a> 2464 2465 </li> 2466 <li class="NavElementSubSub-element"> 2467 <a class="NavElement-link" href="/archive/2020-07/">Juillet (1)</a> 2468 2469 </li> 2470 <li class="NavElementSubSub-element"> 2471 <a class="NavElement-link" href="/archive/2020-05/">Mai (1)</a> 2472 2473 </li> 2474 <li class="NavElementSubSub-element"> 2475 <a class="NavElement-link" href="/archive/2020-04/">Avril (7)</a> 2476 2477 </li> 2478 <li class="NavElementSubSub-element"> 2479 <a class="NavElement-link" href="/archive/2020-03/">Mars (3)</a> 2480 2481 </li> 2482 <li class="NavElementSubSub-element"> 2483 <a class="NavElement-link" href="/archive/2020-02/">Février (4)</a> 2484 2485 </li> 2486 <li class="NavElementSubSub-element"> 2487 <a class="
2487NavElement-link" href="/archive/2020-01/">Janvier (6)</a> 2488 2489 </li> 2490 </ul> 2491 </li> 2492 <li class="NavElementSub-element"> 2493 <a class="NavElement-link" href="#">2019</a> 2494 <ul class="NavElementSub-sub NavElementSubSub"> 2495 <li class="NavElementSubSub-element"> 2496 <a class="NavElement-link" href="/archive/2019-12/">Décembre (5)</a> 2497 2498 </li> 2499 <li class="NavElementSubSub-element"> 2500 <a class="NavElement-link" href="/archive/2019-11/">Novembre (7)</a> 2501 2502 </li> 2503 <li class="NavElementSubSub-element"> 2504 <a class="NavElement-link" href="/archive/2019-10/">Octobre (3)</a> 2505 2506 </li> 2507 <li class="NavElementSubSub-element"> 2508 <a class="NavElement-link" href="/archive/2019-09/">Septembre (6)</a> 2509 2510 </li> 2511 <li class="NavElementSubSub-element"> 2512 <a class="NavElement-link" href="/archive/2019-07/">Juillet (3)</a> 2513 2514 </li> 2515 <li class="NavElementSubSub-element"> 2516 <a class="NavElement-link" href="/archive/2019-06/">Juin (2)</a> 2517 2518 </li> 2519 <li class="NavElementSubSub-element"> 2520 <a class="NavElement-link" href="/archive/2019-05/">Mai (3)</a> 2521 2522 </li> 2523 <li class="NavElementSubSub-element"> 2524 <a class="NavElement-link" href="/archive/2019-04/">Avril (3)</a> 2525 2526 </li> 2527 <li class="NavElementSubSub-element"> 2528 <a class="NavElement-link" href="/archive/2019-01/">Janvier (1)</a> 2529 2530 </li> 2531 </ul> 2532 </li> 2533 <li class="NavElementSub-element"> 2534 <a class="NavElement-link" href="#">2018</a> 2535 <ul class="NavElementSub-sub NavElementSubSub"> 2536 <li class="NavElementSubSub-element"> 2537 <a class="NavElement-link" href="/archive/2018-12/">Décembre (3)</a> 2538 2539 </li> 2540 <li class="NavElementSubSub-element"> 2541 <a class="NavElement-link" href="/archive/2018-11/">Novembre (3)</a> 2542 2543 </li> 2544 <li class="NavElementSubSub-element"> 2545 <a class="NavElement-link" href="/archive/2018-10/">Octobre (6)</a> 2546 2547 </li> 2548 <li class="NavElementSubSub-element"> 2549 <a class="NavElement-link" href="/archive/2018-09/">Septembre (4)</a> 2550 2551 </li> 2552 <li class="NavElementSubSub-element"> 2553 <a class="NavElement-link" href="/archive/2018-06/">Juin (4)</a> 2554 2555 </li> 2556 <li class="NavElementSubSub-element"> 2557 <a class="NavElement-link" href="/archive/2018-04/">Avril (2)</a> 2558 2559 </li> 2560 <li class="NavElementSubSub-element"> 2561 <a class="NavElement-link" href="/archive/2018-03/">Mars (1)</a> 2562 2563 </li> 2564 <li class="NavElementSubSub-element"> 2565 <a class="NavElement-link" href="/archive/2018-01/">Janvier (2)</a> 2566 2567 </li> 2568 </ul> 2569 </li> 2570 <li class="NavElementSub-element"> 2571 <a class="NavElement-link" href="#">2017</a> 2572 <ul class="NavElementSub-sub NavElementSubSub"> 2573 <li class="NavElementSubSub-element"> 2574 <a class="NavElement-link" href="/archive/2017-12/">Décembre (2)</a> 2575 2576 </li> 2577 <li class="NavElementSubSub-element"> 2578 <a class="NavElement-link" href="/archive/2017-11/">Novembre (5)</a> 2579 2580 </li> 2581 <li class="NavElementSubSub-element"> 2582 <a class="NavElement-link" href="/archive/2017-10/">Octobre (3)</a> 2583 2584 </li> 2585 <li class="NavElementSubSub-element"> 2586 <a class="NavElement-link" href="/archive/2017-09/">Septembre (4)</a> 2587 2588 </li> 2589 <li class="NavElementSubSub-element"> 2590 <a class="NavElement-link" href="/archive/2017-06/">Juin (5)</a> 2591 2592 </li> 2593 <li class="NavElementSubSub-element"> 2594 <a class="NavElement-link" href="/archive/2017-05/">Mai (3)</a> 2595 2596 </li> 2597 <li class="NavElementSubSub-element"> 2598 <a class="NavElement-link" href="/archive/2017-04/">Avril (1)</a> 2599 2600 </li> 2601 <li class="NavElementSubSub-element"> 2602 <a class="NavElement-link" href="/archive/2017-03/">Mars (1)</a> 2603 2604 </li> 2605 <li class="NavElementSubSub-element"> 2606 <a class="NavElement-link" href="/archive/2017-02/">Février (6)</a> 2607 2608 </li> 2609 <li class="NavElementSubSub-element"> 2610 <a class="NavElement-link" href="/archive/2017-01/">Janvier (5)</a> 2611 2612 </li> 2613 </ul> 2614 </li> 2615 <li class="NavElementSub-element"> 2616 <a class="NavElement-link" href="#">2016</a> 2617 <ul class="NavElementSub-sub NavElementSubSub"> 2618 <li class="NavElementSubSub-element"> 2619 <a class="NavElement-link" href="/archive/2016-12/">Décembre (1)</a> 2620 2621 </li> 2622 <li class="NavElementSubSub-element"> 2623 <a class="NavElement-link" href="/archive/2016-11/">Novembre (1)</a> 2624 2625 </li> 2626 <li class="NavElementSubSub-element"> 2627 <a class="NavElement-link" href="/archive/2016-10/">Octobre (4)</a> 2628 2629 </li> 2630 <li class="NavElementSubSub-element"> 2631 <a class="NavElement-link" href="/archive/2016-09/">Septembre (3)</a> 2632 2633 </li> 2634 <li class="NavElementSubSub-element"> 2635 <a class="NavElement-link" href="/archive/2016-07/">Juillet (1)</a> 2636 2637 </li> 2638 <li class="NavElementSubSub-element"> 2639 <a class="NavElement-link" href="/archive/2016-06/">Juin (8)</a> 2640 2641 </li> 2642 <li class="NavElementSubSub-element"> 2643 <a class="NavElement-link" href="/archive/2016-02/">Février (2)</a> 2644 2645 </li> 2646 <li class="NavElementSubSub-element"> 2647 <a class="NavElement-link" href="/archive/2016-01/">Janvier (2)</a> 2648 2649 </li> 2650 </ul> 2651 </li> 2652 <li class="NavElementSub-element"> 2653 <a class="NavElement-link" href="#">2015</a> 2654 <ul class="NavElementSub-sub NavElementSubSub"> 2655 <li class="NavElementSubSub-element"> 2656 <a class="NavElement-link" href="/archive/2015-12/">Décembre (2)</a> 2657 2658 </li> 2659 <li class="NavElementSubSub-element"> 2660 <a class="NavElement-link" href="/archive/2015-11/">Novembre (1)</a> 2661 2662
2662 </li> 2663 <li class="NavElementSubSub-element"> 2664 <a class="NavElement-link" href="/archive/2015-10/">Octobre (2)</a> 2665 2666 </li> 2667 <li class="NavElementSubSub-element"> 2668 <a class="NavElement-link" href="/archive/2015-09/">Septembre (6)</a> 2669 2670 </li> 2671 <li class="NavElementSubSub-element"> 2672 <a class="NavElement-link" href="/archive/2015-07/">Juillet (1)</a> 2673 2674 </li> 2675 <li class="NavElementSubSub-element"> 2676 <a class="NavElement-link" href="/archive/2015-06/">Juin (9)</a> 2677 2678 </li> 2679 <li class="NavElementSubSub-element"> 2680 <a class="NavElement-link" href="/archive/2015-05/">Mai (2)</a> 2681 2682 </li> 2683 <li class="NavElementSubSub-element"> 2684 <a class="NavElement-link" href="/archive/2015-04/">Avril (3)</a> 2685 2686 </li> 2687 <li class="NavElementSubSub-element"> 2688 <a class="NavElement-link" href="/archive/2015-03/">Mars (9)</a> 2689 2690 </li> 2691 <li class="NavElementSubSub-element"> 2692 <a class="NavElement-link" href="/archive/2015-02/">Février (1)</a> 2693 2694 </li> 2695 <li class="NavElementSubSub-element"> 2696 <a class="NavElement-link" href="/archive/2015-01/">Janvier (4)</a> 2697 2698 </li> 2699 </ul> 2700 </li> 2701 <li class="NavElementSub-element"> 2702 <a class="NavElement-link" href="#">2014</a> 2703 <ul class="NavElementSub-sub NavElementSubSub"> 2704 <li class="NavElementSubSub-element"> 2705 <a class="NavElement-link" href="/archive/2014-12/">Décembre (3)</a> 2706 2707 </li> 2708 <li class="NavElementSubSub-element"> 2709 <a class="NavElement-link" href="/archive/2014-10/">Octobre (3)</a> 2710 2711 </li> 2712 <li class="NavElementSubSub-element"> 2713 <a class="NavElement-link" href="/archive/2014-09/">Septembre (5)</a> 2714 2715 </li> 2716 <li class="NavElementSubSub-element"> 2717 <a class="NavElement-link" href="/archive/2014-06/">Juin (7)</a> 2718 2719 </li> 2720 <li class="NavElementSubSub-element"> 2721 <a class="NavElement-link" href="/archive/2014-03/">Mars (1)</a> 2722 2723 </li> 2724 <li class="NavElementSubSub-element"> 2725 <a class="NavElement-link" href="/archive/2014-02/">Février (1)</a> 2726 2727 </li> 2728 </ul> 2729 </li> 2730 <li class="NavElementSub-element"> 2731 <a class="NavElement-link" href="#">2013</a> 2732 <ul class="NavElementSub-sub NavElementSubSub"> 2733 <li class="NavElementSubSub-element"> 2734 <a class="NavElement-link" href="/archive/2013-12/">Décembre (8)</a> 2735 2736 </li> 2737 <li class="NavElementSubSub-element"> 2738 <a class="NavElement-link" href="/archive/2013-11/">Novembre (3)</a> 2739 2740 </li> 2741 <li class="NavElementSubSub-element"> 2742 <a class="NavElement-link" href="/archive/2013-10/">Octobre (3)</a> 2743 2744 </li> 2745 <li class="NavElementSubSub-element"> 2746 <a class="NavElement-link" href="/archive/2013-09/">Septembre (1)</a> 2747 2748 </li> 2749 <li class="NavElementSubSub-element"> 2750 <a class="NavElement-link" href="/archive/2013-07/">Juillet (1)</a> 2751 2752 </li> 2753 <li class="NavElementSubSub-element"> 2754 <a class="NavElement-link" href="/archive/2013-06/">Juin (2)</a> 2755 2756 </li> 2757 <li class="NavElementSubSub-element"> 2758 <a class="NavElement-link" href="/archive/2013-02/">Février (1)</a> 2759 2760 </li> 2761 </ul> 2762 </li> 2763 <li class="NavElementSub-element"> 2764 <a class="NavElement-link" href="#">2012</a> 2765 <ul class="NavElementSub-sub NavElementSubSub"> 2766 <li class="NavElementSubSub-element"> 2767 <a class="NavElement-link" href="/archive/2012-06/">Juin (1)</a> 2768 2769 </li> 2770 <li class="NavElementSubSub-element"> 2771 <a class="NavElement-link" href="/archive/2012-05/">Mai (1)</a> 2772 2773 </li> 2774 </ul> 2775 </li> 2776 </ul> 2777 </li> 2778 2779 <li class="Nav-elementList NavElement"> 2780 <a class="NavElement-link" href="/mail/form" title="Newsletter">Newsletter</a> 2781 </li> 2782 <li class="Nav-elementList NavElement"> 2783 <a class="NavElement-link" href="/contact" title="Contact">Contact</a> 2784 </li> 2785 <li class="Nav-search NavSearch"> 2786 <div class="NavSearch-container"> 2787 <form class="NavSearch-form Form" method="post" action="/search"> 2788 <input class="Form-input NavSearch-input" size="32" maxlength="64" type="text" name="q" placeholder="Recherche..." value="" /> 2789 <input class="Form-button Form-button--menu NavSearch-submit" type="submit" value="OK"/>
2790 <span class="NavSearch-icon"></span> 2791 </form> 2792 </div> 2793 </li> 2794 </ul> 2795 2796 </nav> 2797 2798 <!-- Content --> 2799 <div class="Content Content--special"> 2800 <!-- shortcut:[Main content] --> 2801 <div class="Post-content"> 2802 <div class="ob-contact"> 2803 <h3>Contact</h3> 2804 <form name="contact_message" method="post" class="ob-form" id="contact-form"> 2805 <div id="contact_message"><div class="ob-form-field"><label class="ob-label required" for="contact_message_name">Nom</label><input type="text" id="contact_message_name" name="contact_message[name]" required="required" class="ob-input ob-input-text" /></div><div class="ob-form-field"><label class="ob-label required" for="contact_message_email">Email</label><input type="email" id="contact_message_email" name="contact_message[email]" required="required" class="ob-input ob-input-email" class="ob-input ob-input-email" /></div><div class="ob-form-field"><label class="ob-label required" for="contact_message_title">Titre</label><input type="text" id="contact_message_title" name="contact_message[title]" required="required" class="ob-input ob-input-text" /></div><div class="ob-form-field"><label class="ob-label required" for="contact_message_message">Message</label><textarea id="contact_message_message" name="contact_message[message]" required="required" class="ob-input ob-input-textarea"></textarea></div><input type="hidden" id="contact_message_recaptcha" name="contact_message[recaptcha]" required="required" class="ob-input ob-input-hidden" /></div> 2806 <button class="g-recaptcha ob-input ob-input-submit" data-sitekey="6LcAbbUsAAAAAPFqtAXa3RhRGi_5dW_4IsJp7gUw" data-callback="onFormWithRecaptchaSubmit"> 2807 envoyer 2808 </button> 2809
2809<script> 2810 function onFormWithRecaptchaSubmit(token) { 2811 document.getElementById("contact-form").submit(); 2812 } 2813 </script>
2813 2814 <!-- invisible reCAPTCHA script -->
vendor: 83 bytes, lines 2814-2816
2814 2815 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 2816
2816</form> 2817 <p>Les informations saisies sur ce formulaire seront communiquées au propriétaire de ce blog via email. Vous pouvez exercer vos droits relatifs à vos données personnelles (accès, effacement, rectification, portabilitéâ¦) directement depuis ce formulaire contact. Le propriétaire du blog est informé quâil dispose dâ un mois pour vous répondre. Pour en savoir plus sur la protection de vos données personnelles, <a href="https://www.over-blog.com/privacy-policy" target="_blank">cliquez ici</a>.</p> 2818 </div> 2819 2820 </div> 2821 2822 <!-- About me box --> 2823 <div class="About"> 2824 <div class="ob-h3 Title Title--whithoutBackground">à propos</div> 2825 <div class="Box Box--biography BoxBiography"> 2826 <p class="BoxBiography-description"> 2827 2828 <br>Voir le profil de <a href="https://www.over-blog.com/user/636434.html" target="_blank">Cécile Santigny</a> sur le portail Overblog 2829 </p> 2830 <div class="Clear"></div> 2831 </div> 2832 </div> 2833 2834 2835 <!-- Recents posts --> 2836 <div class="RecentsPosts"> 2837 <a href="https://www.segpastjodijon.com"> 2838 <div class="ob-h3 Title Title--whithoutBackground">Articles récents</div> 2839 </a> 2840 <div class="PostPreview-container"> 2841 <div class="PostPreview PostPreview--OB"> 2842 <div class="PostPreview-cover"> 2843 <img class="PostPreview-coverImage" src="https://image.over-blog.com/CgzgawLVaYDf41QdbHos53AsH7w=/630x400/smart/filters:no_upscale()/image%2F0673595%2F20260921%2Fob_94bfea_img-0880.jpeg" alt="Les 3eS passent à lâaction : des projets collectifs choisis par les élèves"/> 2844 2845 2846 <span class="PostPreview-tags"> 2847 Découvertes culturelles, Projets </span> 2848 </div> 2849 <div class="PostPreview-content"> 2850 <div class="ob-h2 PostPreview-title"> 2851 Les 3eS passent à lâaction : des projets collectifs choisis par les élèves 2852 </div> 2853 <p class="PostPreview-snippet"> 2854 Les 3e SEGPA passent à lâaction ! Cette année, les élèves de 3e SEGPA sont engagés dans des projets collectifs... 2855 </p> 2856 <p class="PostPreview-meta PostPreviewMeta"> 2857 <span class="PostPreviewMeta-date"> 2858 <span class="fa fa-calendar"></span> 2859 21 Septembre 2026 2860 </span> 2861 2862 <span class="PostPreviewMeta-comments"> 2863 <span class="fa fa-comment"></span> 2864 <span id="comment-count-191301223">â¦</span>
2864<script> 2865 ob.commentCount(document.querySelector("#comment-count-191301223"), { 2866 resource: "https://www.segpastjodijon.com/api/comment-count/191301223", 2867 format: (count) => { 2868 const string = count === 0 2869 ? "0" 2870 : count === 1 2871 ? "%c" 2872 : "%c" 2873 2874 return string.replace("%c", count) 2875 } 2876 }) 2877</script>
2877 2878 </span> 2879 </p> 2880 <div class="Clear"></div> 2881 </div> 2882 <a class="PostPreview-link" href="https://www.segpastjodijon.com/2026/09/les-3es-passent-a-l-action-des-projets-collectifs-choisis-par-les-eleves.html" title="En savoir plus : Les 3eS passent à lâaction : des projets collectifs choisis par les élèves"></a> 2883 </div> 2884 <div class="PostPreview PostPreview--OB"> 2885 <div class="PostPreview-cover"> 2886 <img class="PostPreview-coverImage" src="https://image.over-blog.com/wvf9tVXw40sj2e7DW-iJyfkb7LI=/630x400/smart/filters:no_upscale()/image%2F0673595%2F20260914%2Fob_e342ab_20260904-092903.jpg" alt="Journée de cohésion⦠et de découverte professionnelle pour les 4e et 3e !"/> 2887 2888 2889 <span class="PostPreview-tags"> 2890 Champs pro, Découvertes culturelles, Journée d'intégration, Sortie de Cohésion, Rencontres </span> 2891 </div> 2892 <div class="PostPreview-content"> 2893 <div class="ob-h2 PostPreview-title"> 2894 Journée de cohésion⦠et de découverte professionnelle pour les 4e et 3e ! 2895 </div> 2896 <p class="PostPreview-snippet"> 2897 Dès la première semaine, les 4èmes et 3èmes SEGPA se sont retrouvés pour une journée de cohésion placée sous le... 2898 </p> 2899 <p class="PostPreview-meta PostPreviewMeta"> 2900 <span class="PostPreviewMeta-date"> 2901 <span class="fa fa-calendar"></span> 2902 4 Septembre 2026 2903 </span> 2904 2905 <span class="PostPreviewMeta-comments"> 2906 <span class="fa fa-comment"></span> 2907 <span id="comment-count-191279006">â¦</span>
2907<script> 2908 ob.commentCount(document.querySelector("#comment-count-191279006"), { 2909 resource: "https://www.segpastjodijon.com/api/comment-count/191279006", 2910 format: (count) => { 2911 const string = count === 0 2912 ? "0" 2913 : count === 1 2914 ? "%c" 2915 : "%c" 2916 2917 return string.replace("%c", count) 2918 } 2919 }) 2920</script>
2920 2921 </span> 2922 </p> 2923 <div class="Clear"></div> 2924 </div> 2925 <a class="PostPreview-link" href="https://www.segpastjodijon.com/2026/09/vendredi-04-septembre-2026-une-journee-de-cohesion-et-de-decouverte-professionnelle.html" title="En savoir plus : Journée de cohésion⦠et de découverte professionnelle pour les 4e et 3e !"></a> 2926 </div> 2927 <div class="PostPreview PostPreview--OB"> 2928 <div class="PostPreview-cover"> 2929 <img class="PostPreview-coverImage" src="https://image.over-blog.com/6Eoql1Zq-B3g0qtUPC41Wb04muk=/630x400/smart/filters:no_upscale()/image%2F0673595%2F20260620%2Fob_35b7e6_img-4663.jpeg" alt="LA croix du bûcheron "/> 2930 2931 2932 <span class="PostPreview-tags"> 2933 Projets </span> 2934 </div> 2935 <div class="PostPreview-content"> 2936 <div class="ob-h2 PostPreview-title"> 2937 LA croix du bûcheron 2938 </div> 2939 <p class="PostPreview-snippet"> 2940 Comment estimer facilement la hauteur dâun arbre ? ⦠grâce à la croix du bûcheron ! Lâoccasion de comprendre aussi... 2941 </p> 2942 <p class="PostPreview-meta PostPreviewMeta"> 2943 <span class="PostPreviewMeta-date"> 2944 <span class="fa fa-calendar"></span> 2945 20 Juin 2026 2946 </span> 2947 2948 <span class="PostPreviewMeta-comments"> 2949 <span class="fa fa-comment"></span> 2950 <span id="comment-count-191061199">â¦</span>
2950<script> 2951 ob.commentCount(document.querySelector("#comment-count-191061199"), { 2952 resource: "https://www.segpastjodijon.com/api/comment-count/191061199", 2953 format: (count) => { 2954 const string = count === 0 2955 ? "0" 2956 : count === 1 2957 ? "%c" 2958 : "%c" 2959 2960 return string.replace("%c", count) 2961 } 2962 }) 2963</script>
2963 2964 </span> 2965 </p> 2966 <div class="Clear"></div> 2967 </div> 2968 <a class="PostPreview-link" href="https://www.segpastjodijon.com/2026/06/la-croix-du-bucheron.html" title="En savoir plus : LA croix du bûcheron "></a> 2969 </div> 2970 2971 2972 <div class="Clear"></div> 2973 </div> 2974 </div> 2975 2976 <div class="Clear"></div> 2977 </div> 2978 2979 2980 <!-- Footer --> 2981 <div class="Footer"> 2982 <p class="Footer-content"> 2983 [email protected] - 2984 Hébergé par <a href="https://www.over-blog.com" target="_bank">Overblog</a> 2985 </p> 2986 2987 </div> 2988 2989 2990 2991 2992 <!-- jQuery --> 2993
2993<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
2993 2994
2994<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js" type="text/javascript" async defer></script>
2994 2995 2996 <!-- Fancybox --> 2997
2997<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js" type="text/javascript" defer></script>
2997 2998
2998<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-thumbs.js" type="text/javascript" defer></script>
2998 2999 3000 <!-- jQuery onReady --> 3001
3001<script type="text/javascript"> 3002 jQuery(document).ready(function() { 3003 3004 3005 /* Fancybox */ 3006 $(".ob-link-img, .author-avatar, .blog-avatar, .asset-img-link, .avatar").attr("rel", "fancybox"); 3007 $("a[rel=fancybox]").fancybox({ 3008 'overlayShow' : true, 3009 'transitionIn' : 'fadin', 3010 'transitionOut' : 'fadin', 3011 'type' : 'image' 3012 }); 3013 3014 /* Form */ 3015 $(".NavSearch-icon").click(function(){ 3016 if($(".NavSearch-container").hasClass("NavSearch-container--open")) { 3017 if($(".NavSearch-input").val().length === 0) { 3018 $(".NavSearch-container").removeClass("NavSearch-container--open"); 3019 } else { 3020 $(".NavSearch-form").submit(); 3021 } 3022 3023 } else { 3024 $(".NavSearch-container").addClass("NavSearch-container--open"); 3025 } 3026 }); 3027 3028 /* Nav */ 3029 $(".Header-menuButton").click(function(){ 3030 if($(".Nav").hasClass("Nav--open")) { 3031 $(".Nav").removeClass("Nav--open"); 3032 $(".NavSearch-container").addClass("NavSearch-container--open"); 3033 $(".Header-menuButton").addClass("Header-menuButton--active"); 3034 } else { 3035 $(".Nav").addClass("Nav--open"); 3036 $(".NavSearch-container").removeClass("NavSearch-container--open"); 3037 $(".Header-menuButton").removeClass("Header-menuButton--active"); 3038 } 3039 }); 3040 }); 3041 </script>
3041 3042 <div id="fb-root"></div> 3043 <div class="ob-footer" id="legals" > 3044 <ul> 3045 <li class="ob-footer-item">Voir le profil de <a href="https://www.over-blog.com/user/636434.html" target="_blank">Cécile Santigny</a> sur le portail Overblog</li> 3046 <li class="ob-footer-item"><a href="/top">Top articles</a></li> 3047 <li class="ob-footer-item"><a href="/contact">Contact</a></li> 3048 <li class="ob-footer-item"><a href="https://www.over-blog.com/abuse/673595"> Signaler un abus </a></li> 3049 <li class="ob-footer-item"><a href="https://www.over-blog.com/terms-of-use" target="_blank">C.G.U.</a></li> 3050 <li class="ob-footer-item"><a href="https://www.over-blog.com/cookies" target="_blank">Cookies et données personnelles</a></li> 3051 <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> 3052 </ul> 3053</div> 3054 3055
3055<script>
vendor: 375 bytes, lines 3055-3060
3055 3056 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3057 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3058 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 3059 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 3060 })(window,document,'script','dataLayer', "
3060GTM-WG3SK3P
vendor: 6 bytes, lines 3060-3061
3060"); 3061
3061</script>
3061 3062
3062<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/obfuscated_link.4b3f12e9.js"></script>
3062 3063 </body> 3064</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.