Blocks

CSPO French Code

Nov 12th, 2019
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 81.71 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  <!--[if lt IE 7]>
  3.    <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  4.     <!--[if IE 7]>
  5.    <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  6.     <!--[if IE 8]>
  7.    <html class="no-js lt-ie9"> <![endif]-->
  8.     <!--[if gt IE 8]><!-->
  9. <html lang="fr-FR" prefix="og: http://ogp.me/ns#"><!--<![endif]-->
  10. <head>
  11.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  13.     <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
  14.     <meta name="generator" content="WordPress 5.1.3"/>
  15.    
  16.     <link rel="stylesheet" href="http://www.cspo.qc.ca/wp-content/themes/enigma-premium-child/style.css" type="text/css" media="screen" />
  17.            
  18.     <title>Accueil - Commission scolaire des portages-de-l&#039;Outaouais</title>
  19. <style type="text/css">
  20. #enigma_nav_top ul li.current-menu-parent { background-color:#2b3685 !important; }
  21. #enigma_nav_top ul li.current-menu-parent { color:#fff; }
  22. a.dropdown-toggle{ color:#fff; }
  23. .carousel-list li {
  24.   background: #2b3685 !important;
  25. }
  26. #wrapper{
  27.     background: #ffffff;
  28. }
  29. /*  header contact info section ***/
  30. .header_section{
  31.     background-color:#2b3685 !important;
  32.     color:#fff;
  33. }
  34. /** navbar menus ***/
  35. .navigation_menu{
  36.     background-color: #fff;
  37.     border-top:2px solid #2b3685 !important;
  38. }
  39.  
  40. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  41.     background-color: #2b3685 !important;
  42. }
  43.  
  44.  
  45. .navbar-default .navbar-nav > .open > a,
  46. .navbar-default .navbar-nav > .open > a:hover,
  47. .navbar-default .navbar-nav > .open > a:focus {
  48.     background-color: #2b3685 !important;
  49. }
  50.  
  51. .navbar-default .navbar-nav > li > a:hover,
  52. .navbar-default .navbar-nav > li > a:focus {
  53.     background-color: #2b3685 !important;
  54. }
  55.  
  56. .dropdown-menu {
  57.     background-color: rgba(19, 101, 151, 0.9);
  58. }
  59. /** headings titles css ***/
  60. .enigma_heading_title h3 {
  61.     border-bottom: 4px solid #2b3685 !important;
  62.     color: #3b3b3b;
  63. }
  64. .enigma_heading_title2 h3 {
  65.     border-bottom: 2px solid #2b3685 !important;
  66.     color: #3b3b3b;
  67. }
  68. /** slider css ***/
  69. .carousel-list li {
  70.     background:rgba(19, 101, 151, 0.8);
  71. }
  72.  
  73. /** service  section css ***/
  74. .enigma_service_iocn{
  75.     border: 4px solid #2b3685 !important;
  76.     background-size: 100% 200%;
  77.     background-color:#2b3685 !important;
  78.     background-image: linear-gradient(to bottom, #2b3685 !important 50%, #fff 50%);
  79. }
  80. .enigma_service_area:hover .enigma_service_iocn i {
  81.     color:#2b3685 !important;  
  82. }
  83. .enigma_service_area:hover .enigma_service_iocn{
  84.     background-position: 0 -100% !important;
  85.     background-color:#ffffff !important;
  86. }
  87.  
  88. .enigma_service_iocn_2 i{
  89.     background: #fff;
  90.     border: 4px solid #2b3685 !important;
  91. }
  92. .enigma_service_iocn_2 i{
  93.     color: #2b3685 !important;
  94.     background-size: 100% 200%;
  95.     background-image: linear-gradient(to bottom, #fff 50%, #2b3685 !important 50%);
  96.  }
  97.   .enigma_service_area_2:hover .enigma_service_iocn_2 i{
  98.     background-position: 0 -100%;
  99.     color: #ffffff;
  100.     background-color:#2b3685 !important;
  101. }
  102.  
  103. /****************portfolio css ********************************************************
  104. ********************************************************************************/
  105.  
  106. .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a {
  107.     background-color: #2b3685 !important;
  108.     border:2px solid #2b3685 !important;
  109.     color:#fff;
  110. }
  111. .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a:hover{
  112.     background-color: #ffffff !important;
  113.     border:2px solid #2b3685 !important;
  114.     color:#2b3685 !important;
  115. }
  116. .enigma_home_portfolio_caption {
  117.     border-left:1px solid #ccc;
  118.     border-bottom:4px solid #2b3685 !important;
  119.     border-right:1px solid #ccc;
  120. }
  121.  
  122. .enigma_home_portfolio_caption:hover{
  123.     background: #2b3685 !important;
  124. }
  125. .enigma_home_portfolio_caption:hover  h3 a ,.enigma_home_portfolio_caption:hover  small{
  126.    color: #ffffff;
  127. }
  128. .img-wrapper:hover .enigma_home_portfolio_caption{
  129.  background: #2b3685 !important;
  130.  border-left:1px solid #2b3685 !important;
  131.     border-bottom:4px solid #2b3685 !important;
  132.     border-right:1px solid #2b3685 !important;
  133. }
  134. .img-wrapper:hover .enigma_home_portfolio_caption  h3 a,.img-wrapper:hover .enigma_home_portfolio_caption  small{
  135.  color: #ffffff;
  136. }
  137.  
  138. .enigma_proejct_button a {
  139.     background-color: #f8504b;
  140.     color: #FFFFFF;
  141.     border: 2px solid #2b3685 !important;
  142.     transition: all 0.4s ease 0s;
  143. }
  144. .enigma_proejct_button a:hover {
  145.     background-color: #ffffff;
  146.     color: #2b3685 !important;
  147.     border: 2px solid #2b3685 !important;
  148.     text-decoration:none;
  149.    
  150. }
  151.  
  152.  
  153. .enigma_carousel-prev, .enigma_carousel-next {
  154.     background-color: #fff;
  155.     border: 2px solid #2b3685 !important;
  156. }
  157. .enigma_carousel-prev:hover, .enigma_carousel-next:hover {
  158.     background-color: #2b3685 !important;
  159.     color:#fff;
  160. }
  161. .enigma_carousel-prev:hover i, .enigma_carousel-next:hover i{
  162.     color:#fff !important;
  163. }
  164. .enigma_carousel-prev i,
  165. .enigma_carousel-next i {
  166.     color: #2b3685 !important;
  167. }
  168.  
  169. /*** project detail ***/
  170. .enigma_portfolio_detail_pagi li a {
  171.     color: #404040;
  172.     border:2px solid #2b3685 !important;
  173.     text-align:center;
  174.     background-size: 100% 200%;
  175.     background-color: #2b3685 !important;
  176.     background-image: linear-gradient(to bottom, #2b3685 !important 50%, #ffffff 50%);
  177.    -webkit-transition: all ease 0.5s;
  178.     -moz-transition: all ease 0.5s;
  179.     transition: all ease 0.5s;
  180.    
  181. }
  182. .enigma_portfolio_detail_pagi li a:hover {
  183.     color: #404040;
  184.     border:2px solid ffffff;
  185.     background-position: 0 -100%;
  186.     background-color:#ffffff;
  187. }
  188.  
  189. .enigma_portfolio_detail_pagi li a span{
  190.     color:#fff;
  191.     line-height:35px;
  192. }
  193. .enigma_portfolio_detail_pagi li a:hover span{
  194.     color:#ffffff;
  195. }
  196. .enigma-project-detail-sidebar p small {
  197.     color:#777777;
  198.    
  199. }
  200.  
  201. .enigma-project-detail-sidebar .launch-enigma-project a {
  202.  
  203.     color: #ffffff;
  204.     border: 2px solid #2b3685 !important;
  205.     background-size: 100% 200%;
  206.     background-color: #2b3685 !important;
  207.     background-image: linear-gradient(to bottom, #2b3685 !important 50%, #ffffff 50%);
  208.    -webkit-transition: all ease 0.5s;
  209.     -moz-transition: all ease 0.5s;
  210.     transition: all ease 0.5s;
  211. }
  212. .enigma-project-detail-sidebar .launch-enigma-project a:hover {
  213.     background-color: #ffffff !important;
  214.     color: #2b3685;
  215.     border: 2px solid #2b3685;
  216.     background-position: 0 -100%;  
  217. }
  218.  
  219. /** gallery css **/
  220.  
  221. .enigma_gallery_showcase .enigma_gallery_showcase_icons a {
  222.     background-color: #2b3685 !important;
  223.     border:2px solid #2b3685 !important;
  224.     color:#fff;
  225. }
  226.  
  227. .enigma_gallery_showcase .enigma_gallery_showcase_icons a:hover{
  228.     background-color: #ffffff;
  229.     border:2px solid #2b3685 !important;
  230.     color:#2b3685 !important;
  231. }
  232.  
  233.  
  234. /**************** blog css ********************************************************
  235. ********************************************************************************/
  236.  
  237. /** blog thumbnail css **/
  238. .enigma_blog_thumb_wrapper{
  239.     background:#fff;
  240.     border-bottom: 5px solid #2b3685 !important;
  241.     box-shadow: 0 0 6px rgba(0,0,0,.7);
  242.  
  243. }
  244. .enigma_blog_thumb_wrapper h2 a{
  245.     color:#2b3685 !important;
  246.     transition: all 0.4s ease 0s;
  247. }
  248.  
  249. .enigma_blog_thumb_wrapper h2:hover a{
  250.     color:#2b3685 !important;
  251.  
  252. }
  253. .enigma_blog_thumb_date li i{
  254.     color: #2b3685 !important;
  255. }
  256. .enigma_tags a{
  257.     background-size: 100% 200%;
  258.    
  259.     background-image: linear-gradient(to bottom, #edf0f2 50%, #2b3685 !important 50%);
  260.  }
  261.  
  262. .enigma_tags a:hover{
  263.     color:#fff;
  264.     background-position: 0 -100%;
  265.     background-color:#2b3685 !important;
  266. }
  267. .enigma_tags a i{
  268.     color:#2b3685 !important;
  269. }
  270. .enigma_tags a:hover i{
  271.     color:#fff;
  272. }
  273.  
  274. .enigma_blog_thumb_wrapper span a i{
  275.     color: #2b3685 !important;
  276. }
  277. .enigma_blog_thumb_wrapper span a {
  278.     color:#555;
  279.    
  280. }.enigma_blog_thumb_footer{
  281.     padding-top:20px;
  282.     padding-bottom:10px;
  283.     border-top:3px solid  #f5f5f5;
  284. }
  285.  
  286. .enigma_blog_read_btn{
  287.     border: 2px solid #2b3685 !important;
  288.     background-size: 100% 200%;
  289.     background-color:#2b3685 !important;
  290.     background-image: linear-gradient(to bottom, #2b3685 !important 50%, #fff 50%);
  291.    }
  292. .enigma_blog_read_btn i {
  293.     margin-right:5px;
  294. }
  295. .enigma_blog_read_btn:hover{
  296.     background-position: 0 -100%;
  297.     color: #2b3685 !important;
  298.     background-color:#ffffff !important;
  299. }
  300.  
  301. .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a {
  302.     background-color: #2b3685 !important;
  303.     color: #fff !important;
  304.     -webkit-transition: all .25s ease-in;
  305.     -moz-transition: all .25s ease-in;
  306.     -o-transition: all .25s ease-in;
  307.     transition: all .25s ease-in;
  308. }
  309. .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a:hover{
  310.     background-color: #ffffff;
  311.     border: 2px solid #2b3685 !important;
  312.     color: #2b3685 !important;
  313. }
  314. /********* Blog Full width css ********/
  315. .enigma_post_date {
  316.     background: #2b3685 !important;
  317.     color: #ffffff;
  318. }
  319. .enigma_blog_comment:hover i, .enigma_blog_comment:hover h6{
  320.     color:#2b3685 !important;
  321. }
  322. .enigma_fuul_blog_detail_padding h2 a{
  323.     color:#2b3685 !important;
  324. }
  325. .enigma_fuul_blog_detail_padding h2  a:hover{
  326.     color:#2b3685 !important;
  327. }
  328. /*** blog sidebar css **/
  329. .enigma_recent_widget_post h3 a {
  330.     color:#2b3685 !important;
  331. }
  332. .enigma_sidebar_widget {
  333.     border-left: 3px solid #2b3685 !important;
  334.     border-right: 3px solid #2b3685 !important;
  335.     border-bottom: 3px solid #2b3685 !important;
  336. }
  337. .enigma_sidebar_widget_title{
  338.     background:#2b3685 !important;
  339. }
  340. .enigma_sidebar_link p a:hover ,.enigma_sidebar_widget ul li a:hover {
  341.     color: #2b3685 !important;
  342. }
  343.  
  344. .enigma_widget_tags a , .tagcloud a{
  345.     background-size: 100% 200%;
  346.     background-image: linear-gradient(to bottom, #edf0f2 50%, #2b3685 !important 50%);
  347.  }
  348. .enigma_widget_tags a:hover , .tagcloud a:hover{
  349.     border: 1px solid #2b3685 !important;
  350.     background-position: 0 -100%;
  351.     color: #fff;
  352.     background-color:#2b3685 !important;
  353. }
  354.  
  355. /** blog detail **/
  356. .enigma_author_detail_wrapper{
  357.     background: #2b3685 !important;
  358.     padding:15px;
  359.     margin-bottom:40px;
  360.    
  361. }
  362. .enigma_author_detail_wrapper{
  363.     border-left:2px solid #2b3685 !important;
  364. }
  365. /** blog  form input css **/
  366. .reply a {
  367.     color: #2b3685 !important;
  368. }
  369. .enigma_con_input_control:focus, .enigma_con_textarea_control:focus,
  370. .enigma_contact_input_control:focus, .enigma_contact_textarea_control:focus {
  371.   border-color: #2b3685 !important;
  372.   -webkit-box-shadow: inset 0 0px 0px #2b3685, 0 0 5px #2b3685 !important;
  373.           box-shadow: inset 0 0px 0px #2b3685, 0 0 5px #2b3685 !important;
  374. }
  375. .enigma_send_button , #enigma_send_button{
  376.     border-color: #2b3685 !important;
  377.     color: #6a6a6a;
  378.     background-size: 100% 200%;
  379.     background-image: linear-gradient(to bottom, #fff 50%, #2b3685 !important 50%);
  380.    -webkit-transition: all ease 0.5s;
  381.     -moz-transition: all ease 0.5s;
  382.     transition: all ease 0.5s;
  383. }
  384. .enigma_send_button:hover ,#enigma_send_button:hover{
  385.     background-position: 0 -100%;
  386.     border: 2px solid #2b3685 !important;
  387.     color: #ffffff;
  388.     background-color:#2b3685 !important;
  389. }
  390.  
  391.  
  392.  
  393. .enigma_blog_pagination {
  394.     background-color: #FFFFFF; 
  395. }
  396. .enigma_blog_pagi a {
  397.     border: 1px solid #dbdbdb !important;
  398.     background-color: #ffffff;
  399.     background-size: 100% 200%;
  400.     background-image: linear-gradient(to bottom, #fff 50%, #2b3685 50%);
  401.    -webkit-transition: all ease 0.5s;
  402.     -moz-transition: all ease 0.5s;
  403.     transition: all ease 0.5s;
  404.     color: #777777;
  405. }
  406. .enigma_blog_pagi a:hover, .enigma_blog_pagi a.active {
  407.     background-position: 0 -100%;
  408.     color: #ffffff;
  409.     background-color:#2b3685;
  410. }
  411.  
  412. /****** Testimonial css *******************************************
  413. ****************************************************************/
  414. .enigma_testimonial_area i{
  415.     color:#2b3685;
  416. }
  417. .enigma_testimonial_area img{
  418.     border: 10px solid #2b3685;
  419. }
  420. .pager a{
  421.     background: #fff;
  422.     border: 2px solid #2b3685;
  423. }
  424. .pager a.selected{
  425.     background: #2b3685;
  426.     border: 2px solid #2b3685;
  427. }
  428. /**** Client Css *************************************************
  429. ****************************************************************/
  430. .enigma_client_wrapper:hover {
  431.     border: 4px solid #2b3685;
  432.  
  433. }
  434. .enigma_client_prev, .enigma_client_next {
  435.     background-color: #fff;
  436.     border: 2px solid #2b3685;
  437. }
  438. .enigma_client_prev:hover, .enigma_client_next:hover {
  439.     background-color: #2b3685;
  440.     color:#fff;
  441. }
  442. .enigma_client_prev:hover i, .enigma_client_next:hover i{
  443.     color:#fff;
  444. }
  445.  
  446. .enigma_carousel-prev i,
  447. .enigma_carousel-next i {
  448.     color: #2b3685;
  449. }
  450. /**** About us page Css *************************************************
  451. ****************************************************************/
  452. .enigma_team_showcase .enigma_team_showcase_icons a {
  453.     background-color: #2b3685;
  454.     border:2px solid #2b3685;
  455.     color:#fff;
  456. }
  457.  
  458. .enigma_team_showcase .enigma_team_showcase_icons a:hover{
  459.     background-color: #ffffff;
  460.     border:2px solid #2b3685;
  461.     color:#2b3685;
  462. }
  463.  
  464. .enigma_team_caption:hover{
  465.     background: #2b3685;
  466. }
  467. .enigma_team_caption:hover  h3 a ,.enigma_team_caption:hover  small{
  468.    color: #ffffff;
  469. }
  470.  
  471. .enigma_team_wrapper:hover .enigma_team_caption{
  472.  background: #2b3685;
  473. }
  474. .enigma_team_wrapper:hover .enigma_team_caption  h3 ,.enigma_team_wrapper:hover .enigma_team_caption  small{
  475.  color: #ffffff;
  476. }
  477. /***** Call Out Section *****************************************************************
  478. ***************************************************************************************/
  479. .enigma_callout_area {
  480.     background-color: #2b3685;
  481.  
  482. }
  483. /***** Footer Area Css *****************************************************************
  484. ***************************************************************************************/
  485. .enigma_footer_area{
  486.     background: #2b3685;
  487.     border-top: 0px solid #6B6B6B;
  488. }
  489. /***** Contact Info Css *****************************************************************
  490. ***************************************************************************************/
  491. .enigma_contact_info li .desc {
  492.     color: #2b3685;
  493. }
  494. /***** Shortcode  Css *****************************************************************
  495. ***************************************************************************************/
  496. /*Dropcaps Styles*/
  497. .enigma_dropcape_square span {
  498.     background-color: #2b3685;
  499.     color: #FFFFFF;
  500. }
  501. .enigma_dropcape_simple span {
  502.     color: #2b3685;
  503. }
  504. .enigma_dropcape_circle span {
  505.     background-color: #2b3685;
  506.     color: #FFFFFF;
  507. }
  508. .breadcrumb li a {
  509. color: #2b3685 !important;
  510. }
  511. /** progress bar or nav button css */
  512. .progress-bar {
  513.     background-color: #2b3685 !important;
  514. }
  515. .btn-search{
  516.     background:#2b3685 !important;
  517. }
  518. .nav-pills > li  > a{
  519.     border: 3px solid #2b3685 !important;
  520.     background-size: 100% 200%;
  521.     background-color:#fff;
  522.     background-image: linear-gradient(to bottom, #fff 50%, #2b3685 50%) !important;
  523. }
  524. .nav-pills > li.active > a, .nav-pills > li  > a:hover, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  525.     background-color:#2b3685 !important;
  526.     background-image: linear-gradient(to bottom, #2b3685 50%, #2b3685 50%) !important;
  527. }
  528. .nav-stacked > li  > a
  529. {
  530.     border: 1px solid #2b3685 !important;
  531.     background-size: 100% 200%;
  532.     background-color:#2b3685;
  533.     background-image: linear-gradient(to bottom, #fff 50%, #2b3685 50%) !important;
  534.  }
  535.  .nav-stacked > li.active > a, .nav-stacked > li  > a:hover, .nav-stacked > li.active > a:hover, .nav-stacked > li.active > a:focus {
  536.     background-color:#2b3685 !important;
  537.     background-image: linear-gradient(to bottom, #2b3685 50%, #2b3685 50%) !important;
  538. }
  539.  
  540. .navbar-toggle {
  541. background-color: #2b3685 !important;
  542. border: 1px solid #2b3685 !important;
  543. }
  544.  
  545. .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  546. background-color: #2b3685 !important;
  547. }
  548. .enigma_blockquote_section blockquote {
  549. border-left: 5px solid #2b3685 ;
  550. }
  551. blockquote {
  552.     border-left: 5px solid #2b3685;
  553.  }
  554.  
  555. /*Cal Widget*/
  556. #wp-calendar caption {
  557. background-color: #2b3685;
  558. color: #ffffff;
  559. }
  560.  
  561. .enigma_footer_widget_column ul li a ,.enigma_footer_widget_column ul#recentcomments li {color: #f2f2f2;}
  562. .enigma_footer_widget_column ul li a:hover{color: #2b3685;}
  563.  
  564. .navbar-default .navbar-nav > li > a:hover,
  565. .navbar-default .navbar-nav > li > a:focus {
  566.     -webkit-border-radius: 0px;
  567.     -moz-border-radius: 0px;
  568.     border-radius: 0px;
  569.     color:#fff;
  570.     background-color:#2b3685 !important;
  571.     font-family: 'Arimo',Arial, Helvetica, sans-serif;
  572.     font-weight: normal;
  573.     font-size:15px;
  574. }
  575. .dropdown-menu {
  576.     background-clip: padding-box;
  577.     background-color: #2b3685 !important;
  578.     border: 1px solid rgba(0, 0, 0, 0.15);
  579.     border-radius: 4px;
  580.     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  581.     display: none;
  582.     float: left;
  583.     font-size: 14px;
  584.     left: 0;
  585.     list-style: none outside none;
  586.     margin: 2px 0 0;
  587.     min-width: 160px;
  588.     padding: 5px 0;
  589.     position: absolute;
  590.     top: 100%;
  591.     z-index: 1000;
  592. }
  593.  
  594. </style>
  595. <!-- This site is optimized with the Yoast SEO plugin v11.0 - https://yoast.com/wordpress/plugins/seo/ -->
  596. <link rel="canonical" href="http://www.cspo.qc.ca/" />
  597. <meta property="og:locale" content="fr_FR" />
  598. <meta property="og:type" content="website" />
  599. <meta property="og:title" content="Accueil - Commission scolaire des portages-de-l&#039;Outaouais" />
  600. <meta property="og:description" content="&nbsp; &nbsp;Actualités Dernières nouvelles Avis public &#8211; Séance extraordinaire du Conseil des commissaire le 14 août à 19h00 &#8211; Cliquez ici Action collective &#8211;&nbsp;Frais pour des services éducatifs pour l&rsquo;achat de matériel scolaire &#8211; Info CSPO / Collectiva Toutes les dernières nouvelles Derniers communiqués de presse Le ministre Mathieu Lacombe annonce un investissement de 35..." />
  601. <meta property="og:url" content="http://www.cspo.qc.ca/" />
  602. <meta property="og:site_name" content="Commission scolaire des portages-de-l&#039;Outaouais" />
  603. <meta name="twitter:card" content="summary" />
  604. <meta name="twitter:description" content="&nbsp; &nbsp;Actualités Dernières nouvelles Avis public &#8211; Séance extraordinaire du Conseil des commissaire le 14 août à 19h00 &#8211; Cliquez ici Action collective &#8211;&nbsp;Frais pour des services éducatifs pour l&rsquo;achat de matériel scolaire &#8211; Info CSPO / Collectiva Toutes les dernières nouvelles Derniers communiqués de presse Le ministre Mathieu Lacombe annonce un investissement de 35..." />
  605. <meta name="twitter:title" content="Accueil - Commission scolaire des portages-de-l&#039;Outaouais" />
  606. <script type='application/ld+json' class='yoast-schema-graph yoast-schema-graph--main'>{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"http://www.cspo.qc.ca/#website","url":"http://www.cspo.qc.ca/","name":"Commission scolaire des portages-de-l&#039;Outaouais","publisher":{"@id":"http://www.cspo.qc.ca/#organization"},"potentialAction":{"@type":"SearchAction","target":"http://www.cspo.qc.ca/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"http://www.cspo.qc.ca/#webpage","url":"http://www.cspo.qc.ca/","inLanguage":"fr-FR","name":"Accueil - Commission scolaire des portages-de-l&#039;Outaouais","isPartOf":{"@id":"http://www.cspo.qc.ca/#website"},"about":{"@id":"http://www.cspo.qc.ca/#organization"},"datePublished":"2015-10-23T13:52:37+00:00","dateModified":"2019-08-16T12:40:26+00:00"}]}</script>
  607. <!-- / Yoast SEO plugin. -->
  608.  
  609. <link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' />
  610. <link rel='dns-prefetch' href='//ajax.googleapis.com' />
  611. <link rel='dns-prefetch' href='//fonts.googleapis.com' />
  612. <link rel='dns-prefetch' href='//s.w.org' />
  613. <link rel="alternate" type="application/rss+xml" title="Commission scolaire des portages-de-l&#039;Outaouais &raquo; Flux" href="http://www.cspo.qc.ca/feed/" />
  614. <link rel="alternate" type="application/rss+xml" title="Commission scolaire des portages-de-l&#039;Outaouais &raquo; Flux des commentaires" href="http://www.cspo.qc.ca/comments/feed/" />
  615. <link rel="alternate" type="text/calendar" title="Commission scolaire des portages-de-l&#039;Outaouais &raquo; Flux iCal" href="http://www.cspo.qc.ca/calendrier/?ical=1" />
  616.         <script type="text/javascript">
  617.             window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.cspo.qc.ca\/wp-includes\/js\/wp-emoji-release.min.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5"}};
  618.             !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
  619.         </script>
  620.         <style type="text/css">
  621. img.wp-smiley,
  622. img.emoji {
  623.     display: inline !important;
  624.     border: none !important;
  625.     box-shadow: none !important;
  626.     height: 1em !important;
  627.     width: 1em !important;
  628.     margin: 0 .07em !important;
  629.     vertical-align: -0.1em !important;
  630.     background: none !important;
  631.     padding: 0 !important;
  632. }
  633. </style>
  634.     <link rel='stylesheet' id='wp-block-library-css'  href='http://www.cspo.qc.ca/wp-includes/css/dist/block-library/style.min.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  635. <link rel='stylesheet' id='cff-css'  href='http://www.cspo.qc.ca/wp-content/plugins/custom-facebook-feed/css/cff-style.css?ver=2.9' type='text/css' media='all' />
  636. <link rel='stylesheet' id='sb-font-awesome-css'  href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  637. <link rel='stylesheet' id='sp-ea-font-awesome-css'  href='http://www.cspo.qc.ca/wp-content/plugins/easy-accordion-free/public/assets/css/font-awesome.min.css?ver=2.0.2' type='text/css' media='all' />
  638. <link rel='stylesheet' id='jquery-ui-standard-css-css'  href='//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  639. <link rel='stylesheet' id='default-icon-styles-css'  href='http://www.cspo.qc.ca/wp-content/plugins/svg-vector-icon-plugin/public/../admin/css/wordpress-svg-icon-plugin-style.min.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  640. <link rel='stylesheet' id='parent-style-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/style.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  641. <link rel='stylesheet' id='bootstrap-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/css/bootstrap.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  642. <link rel='stylesheet' id='enigma-theme-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/css/enigma-theme.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  643. <link rel='stylesheet' id='layout-responsive-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/css/switcher/layout-responsive.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  644. <link rel='stylesheet' id='media-responsive-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/css/media-responsive.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  645. <link rel='stylesheet' id='animations-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/css/animations.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  646. <link rel='stylesheet' id='theme-animtae-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/css/theme-animtae.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  647. <link rel='stylesheet' id='font-awesome-css'  href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  648. <link rel='stylesheet' id='OpenSansRegular-css'  href='//fonts.googleapis.com/css?family=Open+Sans&#038;ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  649. <link rel='stylesheet' id='OpenSansBold-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A700&#038;ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  650. <link rel='stylesheet' id='OpenSansSemiBold-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A600&#038;ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  651. <link rel='stylesheet' id='RobotoRegular-css'  href='//fonts.googleapis.com/css?family=Roboto&#038;ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  652. <link rel='stylesheet' id='RobotoBold-css'  href='//fonts.googleapis.com/css?family=Roboto%3A700&#038;ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  653. <link rel='stylesheet' id='RalewaySemiBold-css'  href='//fonts.googleapis.com/css?family=Raleway%3A600&#038;ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  654. <link rel='stylesheet' id='Courgette-css'  href='//fonts.googleapis.com/css?family=Courgette&#038;ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  655. <link rel='stylesheet' id='photobox-css'  href='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/photobox/photobox.css?ver=6c4add3ca6faaa6addd6b54b028ed5f5' type='text/css' media='all' />
  656. <link rel='stylesheet' id='teccc_stylesheet-css'  href='http://www.cspo.qc.ca/wp-content/uploads/teccc_73996e73dc38e17588dcc81089450a8d.min.css?ver=6.1.1' type='text/css' media='all' />
  657. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
  658. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
  659. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/menu.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  660. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/bootstrap.min.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  661. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/enigma_theme_script.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  662. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/carouFredSel-6.2.1/jquery.carouFredSel-6.2.1.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  663. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/photobox/jquery.photobox.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  664. <link rel='https://api.w.org/' href='http://www.cspo.qc.ca/wp-json/' />
  665. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.cspo.qc.ca/xmlrpc.php?rsd" />
  666. <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.cspo.qc.ca/wp-includes/wlwmanifest.xml" />
  667.  
  668. <link rel='shortlink' href='http://www.cspo.qc.ca/' />
  669. <link rel="alternate" type="application/json+oembed" href="http://www.cspo.qc.ca/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.cspo.qc.ca%2F" />
  670. <link rel="alternate" type="text/xml+oembed" href="http://www.cspo.qc.ca/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.cspo.qc.ca%2F&#038;format=xml" />
  671. <script type="text/javascript">
  672. jQuery(document).ready(function($) {
  673.     $("#accordion").accordion({ collapsible: true, active: 0});
  674. });
  675.  
  676.  
  677. </script>
  678. <style type="text/css">
  679. .ui-widget {
  680. font-family: inherit;
  681. font-size: inherit;
  682. }
  683. </style>
  684. <!-- <meta name="NextGEN" version="3.1.17" /> -->
  685. <style type='text/css' id='faqs-custom-colors'>
  686. .qe-faq-toggle .qe-toggle-title{
  687. color:#133882;
  688. }
  689. .qe-faq-toggle .qe-toggle-title:hover{
  690. color:#ffffff;
  691. }
  692. .qe-faq-toggle .qe-toggle-title{
  693. background-color:#fafafa;
  694. }
  695. .qe-faq-toggle .qe-toggle-title:hover{
  696. background-color:#eaeaea;
  697. }
  698. .qe-faq-toggle .qe-toggle-content{
  699. color:#333333;
  700. }
  701. .qe-faq-toggle .qe-toggle-content{
  702. background-color:#ffffff;
  703. }
  704. .qe-faq-toggle .qe-toggle-content, .qe-faq-toggle .qe-toggle-title{
  705. border-color:#1e73be;
  706. }
  707. </style><script type="text/javascript">
  708. (function(url){
  709.     if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; }
  710.     var addEvent = function(evt, handler) {
  711.         if (window.addEventListener) {
  712.             document.addEventListener(evt, handler, false);
  713.         } else if (window.attachEvent) {
  714.             document.attachEvent('on' + evt, handler);
  715.         }
  716.     };
  717.     var removeEvent = function(evt, handler) {
  718.         if (window.removeEventListener) {
  719.             document.removeEventListener(evt, handler, false);
  720.         } else if (window.detachEvent) {
  721.             document.detachEvent('on' + evt, handler);
  722.         }
  723.     };
  724.     var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' ');
  725.     var logHuman = function() {
  726.         if (window.wfLogHumanRan) { return; }
  727.         window.wfLogHumanRan = true;
  728.         var wfscr = document.createElement('script');
  729.         wfscr.type = 'text/javascript';
  730.         wfscr.async = true;
  731.         wfscr.src = url + '&r=' + Math.random();
  732.         (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr);
  733.         for (var i = 0; i < evts.length; i++) {
  734.             removeEvent(evts[i], logHuman);
  735.         }
  736.     };
  737.     for (var i = 0; i < evts.length; i++) {
  738.         addEvent(evts[i], logHuman);
  739.     }
  740. })('//www.cspo.qc.ca/?wordfence_lh=1&hid=3CD39437843F84EE113F3325294B9BD5');
  741. </script><meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="http://www.cspo.qc.ca"><link rel="https://theeventscalendar.com/" href="http://www.cspo.qc.ca/wp-json/tribe/events/v1/" /><style type="text/css" id="custom-background-css">
  742. body.custom-background { background-color: #ffffff; }
  743. </style>
  744.     <link rel="icon" href="http://www.cspo.qc.ca/wp-content/uploads/2019/06/CSPO-couleur-réduit-1.jpg" sizes="32x32" />
  745. <link rel="icon" href="http://www.cspo.qc.ca/wp-content/uploads/2019/06/CSPO-couleur-réduit-1.jpg" sizes="192x192" />
  746. <link rel="apple-touch-icon-precomposed" href="http://www.cspo.qc.ca/wp-content/uploads/2019/06/CSPO-couleur-réduit-1.jpg" />
  747. <meta name="msapplication-TileImage" content="http://www.cspo.qc.ca/wp-content/uploads/2019/06/CSPO-couleur-réduit-1.jpg" />
  748.         <style type="text/css" id="wp-custom-css">
  749.             .categoryheading3 {
  750.   -moz-border-radius-topleft: 5px;
  751.   -moz-border-radius-topright: 5px;
  752.   -webkit-border-top-left-radius: 5px;
  753.   -webkit-border-top-right-radius: 5px;
  754.   background-image: linear-gradient(lightgray, gray);
  755.   color: #FFFFFF;
  756.   font-size: 16px;
  757.   font-weight: 700;
  758.   text-align: center;
  759.     padding-bottom: 10px;
  760.     padding-top: 10px;
  761.     padding-left: 0;
  762.     padding-right: 0;
  763. }
  764.  
  765. .nopadding {
  766.    padding: 0 !important;
  767.    margin: 0 !important;
  768. }
  769.  
  770. .smallpadding {
  771.    padding: 2px !important;
  772.    margin: 2px !important;
  773. }
  774.  
  775. .giveMeEllipsis {
  776.   display: block; /* or inline-block */
  777.   text-overflow: ellipsis;
  778.   word-wrap: break-word;
  779.   overflow: hidden;
  780.   max-height: 3.6em;
  781.   line-height: 1.8em;
  782. }
  783.  
  784. .enleveDisque{
  785.     list-style-type: none;
  786. }
  787.  
  788. .enleveDisque:before {
  789.   content: "\f105"; /* FontAwesome Unicode */
  790.   font-family: FontAwesome;
  791.   display: inline-block;
  792.   margin-left: -1.3em; /* same as padding-left set on li */
  793.   width: 1.3em; /* same as padding-left set on li */
  794. }
  795.  
  796. .cspoBackground {
  797.     background-image: url(../wp-content/uploads/2019/08/background.jpg);
  798.     background-repeat: no-repeat;
  799.     background-position: center center;
  800.     background-attachment: fixed;
  801.     -webkit-background-size: cover;
  802.     -moz-background-size: cover;
  803.     -o-background-size: cover;
  804.     background-size: cover;
  805. }
  806.  
  807. .enigma_footer_widget_area {
  808.   background: #34495e;
  809.     margin-bottom: -75px;
  810.    
  811. }
  812. .enigma_footer_area {
  813.     background: #34495e;
  814.    
  815. }
  816. .enigma_footer_social_div {
  817.     visibility: visible;
  818. }
  819. .enigma_footer_widget_column {
  820.     margin-bottom: 1px !important;
  821. }       </style>
  822.            
  823. <!-- Facebook Pixel Code -->
  824. <script>
  825. !function(f,b,e,v,n,t,s)
  826. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  827. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  828. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  829. n.queue=[];t=b.createElement(e);t.async=!0;
  830. t.src=v;s=b.getElementsByTagName(e)[0];
  831. s.parentNode.insertBefore(t,s)}(window,document,'script',
  832. 'https://connect.facebook.net/en_US/fbevents.js');
  833. fbq('init', '2960841490600124');
  834. fbq('track', 'PageView');
  835. </script>
  836. <noscript>
  837. <img height="1" width="1"
  838. src="https://www.facebook.com/tr?id=2960841490600124&ev=PageView
  839. &noscript=1"/>
  840. </noscript>
  841. <!-- End Facebook Pixel Code -->
  842.  
  843. </head>
  844.     <body class="home page-template page-template-page-accueil2 page-template-page-accueil2-php page page-id-86 custom-background wide tribe-no-js" style='background-image: url("http://www.cspo.qc.ca/wp-content/themes/enigma-premium/images/bg-patterns/bg_img2.png");'>
  845.     <div id="wrapper"  >
  846.     <!-- Header Section -->
  847.     <div class="header_section" >
  848.         <div class="container" >
  849.             <!-- Logo & Contact Info -->
  850.             <div class="row ">
  851.                 <div class="col-md-3 col-sm-12 wl_rtl">                
  852.                     <div claSS="logo">                     
  853.                         <a href="http://www.cspo.qc.ca/" title="Commission scolaire des portages-de-l&#039;Outaouais" rel="home">
  854.                                                     <img class="img-responsive" src="https://www.cspo.qc.ca/wp-content/uploads/2019/07/LOGO-CSPO-fond_transparent_225_top.png" style="height:81px; width:225px;" />
  855.                                                     </a>
  856.                         <p></p>
  857.                     </div>
  858.                 </div>             
  859.                 <div class="col-md-9 col-sm-12">   
  860. <table class="noborder" width="100%" cellpadding="0px" cellspacing="0px">
  861. <tr><td colspan="2">
  862. <div style="text-align:right;font-size:14px;"><a style="color:white" href="/emploi/">Offres d'emploi</a>&nbsp;
  863. |&nbsp;<a style="color:white" href="/outils-internes/">Outils internes</a>&nbsp;
  864. |&nbsp;<a style="color:white" href="/comite-de-parents/">Comit&eacute; de parents</a>&nbsp;
  865. |&nbsp;<a style="color:white" href="/info-parents/eleves-en-difficulte/">CCSEHDAA <img src="http://www.cspo.qc.ca/wp-content/uploads/2016/04/15-05-15-logo-EHDAA-b.png" alt="" border="0"></a>&nbsp;
  866. |&nbsp;<a style="color:white" href="/fondations/">Fondations</a>&nbsp;
  867. |&nbsp;<a style="color:white" href="/nous-joindre/">Nous joindre</a>&nbsp;
  868. |&nbsp;<a style="color:white;font-size:18px;padding-left:5px;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);display: inline-block;height: 25px;width: 25px;text-align: center; border: 1px solid #ffffff;  cursor:pointer;" href="https://www.facebook.com/CS-des-Portages-de-lOutaouais-506236389459645/?ref=aymt_homepage_panel." target="_blank"><i class="fa fa-facebook"></i></a>
  869. </div>
  870. </td></tr>
  871. <tr><td ><div style="text-align:right;vertical-align:bottom;font-size:14px;"><a style="color:white" href="https://portailparents.ca" target="_blank">Portail Parents</a>&nbsp;
  872. |&nbsp;<a style="color:white" href="http://portail.cspo.qc.ca" target="_blank">Portail Employés</a>&nbsp;
  873. |&nbsp;<a style="color:white" target="_blank" href="https://login.microsoftonline.com/?whr=cspo.qc.ca">Courriel CSPO</a></td></div>
  874. <td width="250px">
  875.       <div class="input-group">
  876.              <form method="post" id="searchform" action="/">    
  877.                 <input type="text" class="form-control"  name="s" id="s" placeholder="Que cherchez-vous?" />
  878.                 <span class="input-group-btn">
  879.                 <button class="btn btn-search" type="submit"><i class="fa fa-search"></i></button>
  880.                 </span>
  881.              </form>
  882.           </div>  
  883. </td></tr>
  884. </table>
  885.                 </div>             
  886.             </div>
  887.             <!-- /Logo & Contact Info -->
  888.         </div> 
  889.     </div> 
  890.     <!-- /Header Section -->
  891.     <!-- Navigation  menus -->
  892.     <div class="navigation_menu "  data-spy="affix" data-offset-top="95" id="enigma_nav_top">
  893.         <span id="header_shadow"></span>
  894.         <div class="container navbar-container" >
  895.             <nav class="navbar navbar-default " role="navigation">
  896.                 <div class="navbar-header">
  897.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
  898.                       <span class="sr-only">Toggle navigation</span>                     
  899.                       <span class="icon-bar"></span>
  900.                       <span class="icon-bar"></span>
  901.                       <span class="icon-bar"></span>
  902.                     </button>
  903.                 </div>
  904.                 <div id="menu" class="collapse navbar-collapse ">  
  905.                 <div class="menu-menu-1-container"><ul id="menu-menu-1" class="nav navbar-nav"><li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-81 active"><a href="/">Accueil</a></li>
  906. <li id="menu-item-172" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-172 dropdown"><a href="http://www.cspo.qc.ca/cspo/">CSPO<i class="fa fa-angle-down"></i></a>
  907. <ul class="dropdown-menu">
  908.     <li id="menu-item-209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-209"><a href="http://www.cspo.qc.ca/cspo/commission-scolaire/">Commission scolaire</a></li>
  909.     <li id="menu-item-599" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-599"><a href="http://www.cspo.qc.ca/cspo/conseil-des-commissaires/">Conseil des commissaires</a></li>
  910.     <li id="menu-item-494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-494"><a href="http://www.cspo.qc.ca/cspo/comite-executif/">Comité exécutif</a></li>
  911.     <li id="menu-item-15843" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15843"><a href="http://cartes.cspo.qc.ca/">Carte des circonscriptions électorales</a></li>
  912.     <li id="menu-item-9382" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9382"><a href="http://www.cspo.qc.ca/elections2018/">Élections scolaires et circonscriptions</a></li>
  913.     <li id="menu-item-10233" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10233"><a href="http://www.cspo.qc.ca/taxe-scolaire/">Taxe scolaire</a></li>
  914.     <li id="menu-item-5302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5302"><a href="http://www.cspo.qc.ca/cspo/planification-strategique/">Planification stratégique</a></li>
  915.     <li id="menu-item-9967" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9967"><a href="http://www.cspo.qc.ca/demande-dacces-a-documents/">Demande d&rsquo;accès à des documents</a></li>
  916.     <li id="menu-item-6040" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6040"><a href="http://www.cspo.qc.ca/cspo/rapports-annuels/">Rapports annuels</a></li>
  917.     <li id="menu-item-5419" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5419"><a href="http://www.cspo.qc.ca/cspo/politiques-et-reglements/">Politiques et règlements</a></li>
  918.     <li id="menu-item-12019" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12019"><a href="http://www.cspo.qc.ca/cspo/securite-de-linformation/">Sécurité de l&rsquo;information</a></li>
  919.     <li id="menu-item-14480" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14480"><a href="http://www.cspo.qc.ca/plaintes/">Plaintes</a></li>
  920. </ul>
  921. </li>
  922. <li id="menu-item-796" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-796 dropdown"><a href="http://www.cspo.qc.ca/etablissements-et-services/">Établissements et services<i class="fa fa-angle-down"></i></a>
  923. <ul class="dropdown-menu">
  924.     <li id="menu-item-794" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-794"><a href="http://www.cspo.qc.ca/etablissements-et-services/ecoles-primaires/">Écoles primaires</a></li>
  925.     <li id="menu-item-795" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-795"><a href="http://www.cspo.qc.ca/etablissements-et-services/ecoles-secondaires/">Écoles secondaires</a></li>
  926.     <li id="menu-item-832" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-832"><a href="http://www.cspo.qc.ca/etablissements-et-services/centres-de-formation-professionnelle/">Centres de formation professionnelle</a></li>
  927.     <li id="menu-item-831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-831"><a href="http://www.cspo.qc.ca/etablissements-et-services/centres-de-formation-generale-aux-adultes/">Centre d&rsquo;éducation des adultes</a></li>
  928.     <li id="menu-item-628" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-628"><a href="http://www.cspo.qc.ca/etablissements-et-services/services-administratifs/">Services administratifs</a></li>
  929.     <li id="menu-item-10232" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10232"><a target="_blank" href="http://cartes.cspo.qc.ca/">Quelle est l&rsquo;école de mon secteur?</a></li>
  930. </ul>
  931. </li>
  932. <li id="menu-item-797" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-797 dropdown"><a href="http://www.cspo.qc.ca/info-parents/">Info-Parents<i class="fa fa-angle-down"></i></a>
  933. <ul class="dropdown-menu">
  934.     <li id="menu-item-15621" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15621"><a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/08/Corrigé-Cahier-de-la-rentrée-2019-2020-CSPO.pdf">Cahier de la rentrée 2019-2020</a></li>
  935.     <li id="menu-item-802" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-802"><a href="http://www.cspo.qc.ca/info-parents/inscription-des-eleves/">Inscription des élèves</a></li>
  936.     <li id="menu-item-850" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-850"><a href="http://www.cspo.qc.ca/info-parents/calendriers-scolaires/">Calendriers scolaires</a></li>
  937.     <li id="menu-item-859" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-859"><a href="http://www.cspo.qc.ca/info-parents/services-de-garde-eleves-dineurs/">Services de garde / Élèves dîneurs</a></li>
  938.     <li id="menu-item-860" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-860"><a href="http://www.cspo.qc.ca/info-parents/transport-scolaire/">Transport scolaire</a></li>
  939.     <li id="menu-item-12884" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12884"><a href="http://www.cspo.qc.ca/info-parents/enseignement-maison/">Enseignement à la maison</a></li>
  940.     <li id="menu-item-799" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-799"><a href="http://www.cspo.qc.ca/info-parents/eleves-en-difficulte/">Élèves en difficulté</a></li>
  941.     <li id="menu-item-13694" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13694"><a href="http://www.cspo.qc.ca/etablissements-et-services/services-administratifs/service-des-ressources-educatives/reprises-dexamens-et-cours-dete/">Reprises d&rsquo;examens et Cours d&rsquo;été</a></li>
  942.     <li id="menu-item-853" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-853"><a href="http://www.cspo.qc.ca/info-parents/conseils-detablissement/">Conseils d’établissement</a></li>
  943.     <li id="menu-item-12785" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12785"><a href="http://www.cspo.qc.ca/info-parents/assurance/">Assurance</a></li>
  944.     <li id="menu-item-857" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-857"><a href="http://www.cspo.qc.ca/info-parents/climat-positif/">Climat positif (dossier violence)</a></li>
  945.     <li id="menu-item-9451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9451"><a href="http://www.cspo.qc.ca/recours-collectif/">Recours collectif</a></li>
  946. </ul>
  947. </li>
  948. <li id="menu-item-791" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-791 dropdown"><a href="http://www.cspo.qc.ca/actualites/">Actualités<i class="fa fa-angle-down"></i></a>
  949. <ul class="dropdown-menu">
  950.     <li id="menu-item-809" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-809"><a href="http://www.cspo.qc.ca/actualites/communiques-de-presse/"><i class="fa fa-newspaper-o"></i>     Communiqués de presse</a></li>
  951.     <li id="menu-item-808" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-808"><a href="http://www.cspo.qc.ca/actualites/lendemains-du-conseil-des-commissaires/"><i class="fa fa-file-text-o"></i>     Lendemains du Conseil des commissaires</a></li>
  952.     <li id="menu-item-807" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-807"><a href="http://www.cspo.qc.ca/actualites/lendemains-du-comite-executif/"><i class="fa fa-file-text-o"></i>     Lendemains du Comité exécutif</a></li>
  953.     <li id="menu-item-5494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5494"><a href="http://www.cspo.qc.ca/actualites/videos/"><i class="fa fa-video-camera"></i>     Vidéos</a></li>
  954.     <li id="menu-item-5495" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5495"><a href="http://www.cspo.qc.ca/actualites/avis-publics/"><i class="fa fa-exclamation-triangle"></i>     Avis publics</a></li>
  955.     <li id="menu-item-5498" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5498"><a href="http://www.cspo.qc.ca/actualites/nouvelles-aux-parents-et-aux-eleves/"><i class="fa fa-users"></i>     Nouvelles aux parents et aux élèves</a></li>
  956.     <li id="menu-item-14499" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14499"><a href="http://www.cspo.qc.ca/emploi/"><i class="fa fa-briefcase"></i>     Offres d&#8217;emploi</a></li>
  957.     <li id="menu-item-15439" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15439"><a href="http://www.cspo.qc.ca/actualites/intemperies-et-urgences/"><i class="fa fa-exclamation-triangle"></i>     Intempéries et urgences</a></li>
  958. </ul>
  959. </li>
  960. <li id="menu-item-13382" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-13382 dropdown"><a href="http://www.cspo.qc.ca/nouvelles-ecoles/">Nouvelles écoles<i class="fa fa-angle-down"></i></a>
  961. <ul class="dropdown-menu">
  962.     <li id="menu-item-13383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13383"><a href="http://www.cspo.qc.ca/nouvelles-ecoles/ecole-primaire-036-plateau/">École primaire 036</a></li>
  963.     <li id="menu-item-13431" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13431"><a href="http://www.cspo.qc.ca/nouvelles-ecoles/ecole-secondaire-040/">École secondaire 040 (Aylmer)</a></li>
  964.     <li id="menu-item-13440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13440"><a href="http://www.cspo.qc.ca/nouvelles-ecoles/ecole-secondaire-041/">École secondaire 041</a></li>
  965. </ul>
  966. </li>
  967. </ul></div>            
  968.                 </div>     
  969.             </nav>
  970.         </div>
  971.     </div>
  972.     <!-- /Navigation  menus --><!-- Carousel -->
  973. <div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause='false' data-interval="7000">
  974.             <div class="carousel-inner">
  975.                         <div class="item active">
  976.                     <img width="1440" height="160" src="http://www.cspo.qc.ca/wp-content/uploads/2019/08/Ensemble-vers-la-réussite-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" />                                        <div class="container">
  977.                         <div class="carousel-caption">
  978.                             <div class="carousel-text">
  979.                                                                 <ul class="list-unstyled carousel-list">
  980.                                                                     </ul>
  981.                                                             </div>
  982.                         </div>
  983.                     </div>
  984.             </div>
  985.                         <div class="item ">
  986.                     <img width="1440" height="160" src="http://www.cspo.qc.ca/wp-content/uploads/2019/08/Offres-demploi.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" />                                      <div class="container">
  987.                         <div class="carousel-caption">
  988.                             <div class="carousel-text">
  989.                                                                 <ul class="list-unstyled carousel-list">
  990.                                                                     </ul>
  991.                                                                     <a href="http://www.cspo.qc.ca/emploi/" class="enigma_blog_read_btn animated bounceInUp"  >Consultez toutes nos offres d'emploi ICI</a>
  992.                                                             </div>
  993.                         </div>
  994.                     </div>
  995.             </div>
  996.                     </div>
  997.         <ol class="carousel-indicators">
  998.                         <li data-target="#myCarousel" data-slide-to="0" class="active" ></li>
  999.                                 <li data-target="#myCarousel" data-slide-to="1"  ></li>
  1000.                         </ol>  <a class="left carousel-control" href="#myCarousel" data-slide="prev" ><span class="glyphicon glyphicon-chevron-left" ></span></a>
  1001.   <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
  1002.   </div><!-- /.carousel -->      
  1003. <!-- / Slider--><script>
  1004.   var caroufredsel = function () { 
  1005.      jQuery('#enigma_portfolio_section').carouFredSel({
  1006.             width: '100%',
  1007.             responsive: true,
  1008.            scroll : {
  1009.                 items : 1,
  1010.                 duration : 1000,
  1011.                 timeoutDuration : 1000          },
  1012.             circular: true,
  1013.             direction: 'left',
  1014.             items: {
  1015.                 height: 'variable',
  1016.                 visible: {
  1017.                     min: 1,
  1018.                     max: 4              }
  1019.             },
  1020.             prev: '#port-prev',
  1021.             next: '#port-next',
  1022.             auto: {
  1023.                 play: false
  1024.             }
  1025.         });
  1026.        
  1027.         jQuery('#enigma_blog_section').carouFredSel({
  1028.                         width: '100%',
  1029.                         responsive: true,
  1030.                        scroll : {
  1031.                             items : 1,
  1032.                             duration : 2000,
  1033.                             timeoutDuration : 2000                      },
  1034.                         circular: true,
  1035.                         direction: 'left',
  1036.                         items: {
  1037.                             height: 'variable',
  1038.                             visible: {
  1039.                                 min: 1,
  1040.                                 max: 4,
  1041.                             },                         
  1042.                         },
  1043.                         prev: '#port-prev1',
  1044.                         next: '#port-next1',                       
  1045.                         auto: {
  1046.                             play: true
  1047.                         }
  1048.                     });
  1049.              
  1050.                  jQuery('#enigma_testimonial_section').carouFredSel({
  1051.                         width: '100%',
  1052.                         responsive: true,
  1053.                        scroll : {
  1054.                             items : 1,
  1055.                             duration : 2000,
  1056.                             timeoutDuration : 2000                      },
  1057.                         circular: true,
  1058.                         direction: 'left',
  1059.                         items: {
  1060.                             height: 'variable',
  1061.                             visible: {
  1062.                                 min: 1,
  1063.                                 max: 1                          }
  1064.                         },
  1065.                         pagination: "#pager2",
  1066.                         auto: {
  1067.                             play: false                     }
  1068.                     });
  1069.                    
  1070.                     // jQuery CarouFredSel  For Client
  1071.                     jQuery('#enigma_client_section').carouFredSel({
  1072.                         width: '100%',
  1073.                         height: 'variable',
  1074.                         responsive: true,
  1075.                         scroll :1,
  1076.                         circular: true,
  1077.                         direction: 'left',
  1078.                         items: {
  1079.                             height: 'variable',
  1080.                             visible: {
  1081.                                 min: 1,
  1082.                                 max:4                           }
  1083.                         },
  1084.                         scroll: {
  1085.                             duration : 2000,
  1086.                             timeoutDuration : 2000,
  1087.                         },                     
  1088.                         prev: '#client-prev',
  1089.                         next: '#client-next',
  1090.                         auto: {
  1091.                             play: false                     }
  1092.                     });
  1093.     }
  1094.     jQuery(window).resize(function () { caroufredsel(); });  
  1095.     jQuery(window).load(function () { caroufredsel(); });
  1096. </script><!-- enigma Callout Section -->
  1097.    
  1098. <div class="enigma_callout_area">
  1099.     <div class="container">
  1100.         <div class="row">
  1101.                  
  1102.         </div>
  1103.        
  1104.     </div>
  1105. </div>
  1106. <div class="enigma_callout_shadow"></div>
  1107. <!-- /enigma Callout Section -->
  1108.  
  1109.  
  1110. <div class="cspoBackground">
  1111. <div class="container" >
  1112.     <div class="row enigma_blog_wrapper">
  1113.            
  1114.             <div class="row">
  1115.                 <div class="col-md-3 nopadding">
  1116.                     <div class="col-md-12 smallpadding">
  1117.                         <div class="categoryheading3">
  1118.                             <h3 style="margin-bottom: 0px; margin-top: 0px;padding-left: 10px;text-align:left;"><span style="color: #000000; text-align: left;"><i class="fa fa-link">  Liens rapides</i></span></h3>
  1119.                         </div>
  1120.                         <div style="border-left-style: solid; border-bottom-style: solid; border-right-style: solid;  padding: 10px; height: 185px; padding-left: 27px; background-color: #FFF;" >
  1121.                             <!-- Liens rapides !-->
  1122.                            
  1123.                            <li id="menu-item-14889" class="enleveDisque menu-item menu-item-type-post_type menu-item-object-page menu-item-14889"><a href="http://www.cspo.qc.ca/info-parents/calendriers-scolaires/">Calendriers scolaires</a></li>
  1124. <li id="menu-item-14890" class="enleveDisque menu-item menu-item-type-post_type menu-item-object-page menu-item-14890"><a href="http://www.cspo.qc.ca/info-parents/inscription-des-eleves/">Inscription des élèves</a></li>
  1125. <li id="menu-item-14891" class="enleveDisque menu-item menu-item-type-post_type menu-item-object-page menu-item-14891"><a href="http://www.cspo.qc.ca/info-parents/transport-scolaire/">Transport scolaire</a></li>
  1126. <li id="menu-item-14892" class="enleveDisque menu-item menu-item-type-post_type menu-item-object-page menu-item-14892"><a href="http://www.cspo.qc.ca/info-parents/enseignement-maison/">Enseignement à la maison</a></li>
  1127. <li id="menu-item-14893" class="enleveDisque menu-item menu-item-type-custom menu-item-object-custom menu-item-14893"><a href="https://portailparents.ca/accueil/fr/">Mozaïk Portail</a></li>
  1128. <li id="menu-item-14833" class="enleveDisque menu-item menu-item-type-post_type menu-item-object-page menu-item-14833"><a href="http://www.cspo.qc.ca/taxe-scolaire/">Taxe scolaire</a></li>
  1129. <li id="menu-item-14832" class="enleveDisque menu-item menu-item-type-post_type menu-item-object-page menu-item-14832"><a href="http://www.cspo.qc.ca/emploi/">Emplois</a></li>
  1130. <li id="menu-item-14894" class="enleveDisque menu-item menu-item-type-post_type menu-item-object-page menu-item-14894"><a href="http://www.cspo.qc.ca/cspo/conseil-des-commissaires/qui-est-mon-commissaire/">Qui est mon commissaire?</a></li>
  1131.                            
  1132.                         </div>
  1133.                        
  1134.                     </div>
  1135.                     <div class="col-md-12 smallpadding">
  1136.                         <div class="categoryheading3">
  1137.                             <h3 style="margin-bottom: 0px; margin-top: 0px;padding-left: 10px;text-align:left;"><span style="color: #000000;"><i class="fa fa-newspaper-o">  Communiqués de presse</i></span></h3>
  1138.                         </div>
  1139.                         <div style="border-left-style: solid; border-bottom-style: none; border-right-style: solid;  padding: 10px; height: 175px; background-color: #FFF;" >
  1140.                             <!-- Communiqués de presse !-->
  1141.                                                                     <div>
  1142.                                         <span style="text-decoration: underline;">01 novembre 2019</span>
  1143.                                     </div>
  1144.                                     <div>
  1145.                                         <h5>   Grand Défi Pierre Lavoie : L’École du Dôme <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/11/19-11-01-Communiqué-CSPO-Remise-chèque-École-du-Dôme.pdf
  1146. "> Lire la suite...</a>                                        
  1147.                                         </h5>
  1148.                                     </div>
  1149.                                    
  1150.                                     <br />
  1151.                                                                     <div>
  1152.                                         <span style="text-decoration: underline;">28 octobre 2019</span>
  1153.                                     </div>
  1154.                                     <div>
  1155.                                         <h5>   L’Immeuble Saint-Paul de l’École internationale <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/10/19-10-28-Communiqué-CSPO-Banc-de-lamitié-Immeuble-Saint-Paul.pdf
  1156. "> Lire la suite...</a>                                        
  1157.                                         </h5>
  1158.                                     </div>
  1159.                                    
  1160.                                     <br />
  1161.                                                             <!-- Fin communiqués de presse !-->    
  1162.                         </div>
  1163.                         <div style="border-left-style: solid; border-bottom-style: solid; border-right-style: solid; height: 25px; padding-left: 10px; background-color: #FFF;" >
  1164.                             <a href="http://www.cspo.qc.ca/actualites/communiques-de-presse/"><strong>Tous les communiqués »</strong></a>
  1165.                         </div>
  1166.                     </div>
  1167.                     <div class="col-md-12 smallpadding">
  1168.                         <div class="categoryheading3">
  1169.                             <h3 style="margin-bottom: 0px; margin-top: 0px;padding-left: 10px;text-align:left;"><span style="color: #000000;"><i class="fa fa-file-text-o">  Lendemains</i></span></h3>
  1170.                         </div>
  1171.                         <div style="border-left-style: solid; border-bottom-style: solid; border-right-style: solid;  padding: 10px; height: 207px; background-color: #FFF;" >
  1172.                            <a href="http://www.cspo.qc.ca/actualites/lendemains-du-conseil-des-commissaires/" style="color: gray;"><strong>Conseil des commissaires</strong></a>
  1173.                             <!-- Lendemains CC !-->
  1174.                                                                     <div>
  1175.                                         <h5><a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/10/Lendemain-Conseil-des-commissaires-2019-10-23.pdf
  1176. ">23 octobre 2019-séance extraordinaire</a></h5>
  1177.                                     </div>
  1178.                                                                     <div>
  1179.                                         <h5><a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/10/Lendemain-Conseil-des-commissaires-2019-10-09.pdf
  1180. ">09 octobre 2019 &#8211; séance ordinaire</a></h5>
  1181.                                     </div>
  1182.                                                                
  1183.                             <!-- Fin Lendemains !-->
  1184.                            
  1185.                             <hr style="border: 1px solid gray !important;">
  1186.                            
  1187.                             <!-- Lendemains CE !-->
  1188.                             <a href="http://www.cspo.qc.ca/actualites/lendemains-du-comite-executif/" style="color: gray;"><strong>Comité exécutif</strong></a>
  1189.                                                                     <div>
  1190.                                         <h5><a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/10/Lendemain-Comité-exécutif-2019-10-23.pdf
  1191. ">23 octobre 2019 &#8211; séance ordinaire</a></h5>
  1192.                                     </div>
  1193.                                                                     <div>
  1194.                                         <h5><a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/09/Lendemain-Comité-exécutif-2019-09-25.pdf
  1195. ">25 septembre 2019 &#8211; séance ordinaire</a></h5>
  1196.                                     </div>
  1197.                                                             <!-- Fin Lendemains !-->
  1198.                            
  1199.                         </div>
  1200.                     </div>
  1201.                 </div>
  1202.                 <div class="col-md-6 nopadding">
  1203.                     <div class="col-md-12 smallpadding">
  1204.                         <div class="categoryheading3">
  1205.                             <h3 style="margin-bottom: 0px; margin-top: 0px;"><span style="color: #000000;"><i class="fa fa-users">  Nouvelles aux parents et aux élèves</i></span></h3>
  1206.                         </div>
  1207.                         <div style="border-left-style: solid; border-bottom-style: none; border-right-style: solid;  padding: 10px; height: 675px; background-color: #FFF;">
  1208.                             <p>
  1209.                                                                     <div>
  1210.                                         <span style="text-decoration: underline;">11 novembre 2019</span>
  1211.                                     </div>
  1212.                                     <div>
  1213.                                         <h5><strong>   Processus de prise de décisions en cas de tempêtes et d’intempéries <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/11/Procédure-tempête-Affiche.pdf
  1214. "> Lire la suite...</a>                                        </strong></h5>
  1215.                                     </div>
  1216.                                    
  1217.                                     <br />
  1218.                                                                     <div>
  1219.                                         <span style="text-decoration: underline;">07 novembre 2019</span>
  1220.                                     </div>
  1221.                                     <div>
  1222.                                         <h5><strong>   Appel de candidatures pour le prix Égalité Thérèse-Casgrain <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/11/Lettre-PETC_2019_SCF_VF.pdf
  1223. "> Lire la suite...</a>                                        </strong></h5>
  1224.                                     </div>
  1225.                                    
  1226.                                     <br />
  1227.                                                                     <div>
  1228.                                         <span style="text-decoration: underline;">05 novembre 2019</span>
  1229.                                     </div>
  1230.                                     <div>
  1231.                                         <h5><strong>   Campagne de sensibilisation sur la gestion efficace des commotions cérébrales <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/11/Tu-tcognes-ten-parles.pdf
  1232. "> Lire la suite...</a>                                        </strong></h5>
  1233.                                     </div>
  1234.                                    
  1235.                                     <br />
  1236.                                                                     <div>
  1237.                                         <span style="text-decoration: underline;">28 octobre 2019</span>
  1238.                                     </div>
  1239.                                     <div>
  1240.                                         <h5><strong>   À GO, on lit! Fais le quiz pour connaître quel type de lecteur tu es en fonction de tes intérêts et une galaxie d’histoires viendra à toi <a target="_blank" href="https://www.agol.ca/
  1241. "> Lire la suite...</a>                                        </strong></h5>
  1242.                                     </div>
  1243.                                    
  1244.                                     <br />
  1245.                                                                     <div>
  1246.                                         <span style="text-decoration: underline;">24 octobre 2019</span>
  1247.                                     </div>
  1248.                                     <div>
  1249.                                         <h5><strong>   Lettre aux parents concernant les adresses courriel données aux élèves et guide d&rsquo;utilisation des réseaux sociaux <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/10/Adresse-courriel-des-élèves-et-médias-sociaux-19-10-24.pdf
  1250. "> Lire la suite...</a>                                        </strong></h5>
  1251.                                     </div>
  1252.                                    
  1253.                                     <br />
  1254.                                                                     <div>
  1255.                                         <span style="text-decoration: underline;">22 octobre 2019</span>
  1256.                                     </div>
  1257.                                     <div>
  1258.                                         <h5><strong>   Avis aux parents &#8211; Soirée d&rsquo;information sur les contenus en éducation à la sexualité <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/10/Soirée-information-éducation-sexualité.pdf
  1259. "> Lire la suite...</a>                                        </strong></h5>
  1260.                                     </div>
  1261.                                    
  1262.                                     <br />
  1263.                                                                     <div>
  1264.                                         <span style="text-decoration: underline;">21 octobre 2019</span>
  1265.                                     </div>
  1266.                                     <div>
  1267.                                         <h5><strong>   Avis public &#8211; Séance extraordinaire du Conseil des commissaire le 23 octobre à 19h30 <a target="_blank" href="http://www.cspo.qc.ca/wp-content/uploads/2019/10/AVIS-Public-Conseil_Extraordinaire_2019-10-23.pdf
  1268. "> Lire la suite...</a>                                        </strong></h5>
  1269.                                     </div>
  1270.                                    
  1271.                                     <br />
  1272.                                                             </p>
  1273.                        
  1274.                         </div>
  1275.                         <div style="border-left-style: solid; border-bottom-style: solid; border-right-style: solid; height: 25px; padding-left: 10px; background-color: #FFF;" >
  1276.                             <a href="http://www.cspo.qc.ca/actualites/nouvelles-aux-parents-et-aux-eleves/"><strong>Voir toutes les nouvelles »</strong></a>
  1277.                         </div>
  1278.                     </div>
  1279.                 </div>
  1280.                 <div class="col-md-3 nopadding">
  1281.                     <div class="col-md-12 smallpadding">
  1282.                         <div class="categoryheading3">
  1283.                             <h3 style="margin-bottom: 0px; margin-top: 0px;"><span style="color: #000000;"><i class="fa fa-exclamation-triangle">  Intempéries et urgences</i></span></h3>
  1284.                         </div>
  1285.                         <div style="border-left-style: solid; border-bottom-style: none; border-right-style: solid;  padding: 10px; height: 185px; background-color: #FFF;" >
  1286.                         <!-- Urgences !-->
  1287.                                 <h5>Il n’y a aucune nouvelle à signaler actuellement.</h5>                            <!-- Fin urgences !-->
  1288.                         </div>
  1289.                         <div style="border-left-style: solid; border-bottom-style: solid; border-right-style: solid; height: 25px; padding-left: 10px; background-color: #FFF;" >
  1290.                             <a href="http://www.cspo.qc.ca/actualites/intemperies-et-urgences/"><strong>Processus de prise de décisions »</strong></a>
  1291.                         </div>
  1292.                     </div>    
  1293.                     <div class="col-md-12 smallpadding">    
  1294.                         <div class="categoryheading3">
  1295.                             <h3 style="margin-bottom: 0px; margin-top: 0px;"><span style="color: #000000;"><i class="fa fa-calendar">  Évènements à venir</i></span></h3>
  1296.                         </div>
  1297.                         <div style="border-left-style: solid; border-bottom-style: none; border-right-style: solid;  padding: 10px; height: 411px; background-color: #FFF;">
  1298.                             <ul style="list-style-type: none; padding-left:0;">
  1299.                                                                 <li>
  1300.                                                                        
  1301.                                         <h5 class="event-title"><span class="front-start-time" style="text-decoration: underline; padding-bottom:3px;">13 novembre 2019 @ 19 00 </span></h5>
  1302.                                        
  1303.                                         <div class="event-content">
  1304.                                             <span><a href="http://www.cspo.qc.ca/calendrier/conseil-des-commissaires-38/"><strong>Conseil des commissaires</strong></a></span>
  1305.                                         </div>
  1306.                                        
  1307.                                         <div class="clear"></div>
  1308.                                        
  1309.                                                                     </li>
  1310.                                 <br />     
  1311.                                                                     <li>
  1312.                                                                        
  1313.                                         <h5 class="event-title"><span class="front-start-time" style="text-decoration: underline; padding-bottom:3px;">18 novembre 2019 </span></h5>
  1314.                                        
  1315.                                         <div class="event-content">
  1316.                                             <span><a href="http://www.cspo.qc.ca/calendrier/semaine-des-professionnelles-et-professionnels-de-leducation/"><strong>Semaine des professionnelles et professionnels de l&rsquo;éducation</strong></a></span>
  1317.                                         </div>
  1318.                                        
  1319.                                         <div class="clear"></div>
  1320.                                        
  1321.                                                                     </li>
  1322.                                 <br />     
  1323.                                                                     <li>
  1324.                                                                        
  1325.                                         <h5 class="event-title"><span class="front-start-time" style="text-decoration: underline; padding-bottom:3px;">20 novembre 2019 </span></h5>
  1326.                                        
  1327.                                         <div class="event-content">
  1328.                                             <span><a href="http://www.cspo.qc.ca/calendrier/journee-internationale-des-droits-de-lenfant/"><strong>Journée internationale des droits de l&rsquo;enfant</strong></a></span>
  1329.                                         </div>
  1330.                                        
  1331.                                         <div class="clear"></div>
  1332.                                        
  1333.                                                                     </li>
  1334.                                 <br />     
  1335.                                                                     <li>
  1336.                                                                        
  1337.                                         <h5 class="event-title"><span class="front-start-time" style="text-decoration: underline; padding-bottom:3px;">27 novembre 2019 @ 19 00 </span></h5>
  1338.                                        
  1339.                                         <div class="event-content">
  1340.                                             <span><a href="http://www.cspo.qc.ca/calendrier/comite-executif-40/"><strong>Comité exécutif</strong></a></span>
  1341.                                         </div>
  1342.                                        
  1343.                                         <div class="clear"></div>
  1344.                                        
  1345.                                                                     </li>
  1346.                                 <br />     
  1347.                                                                
  1348.                             </ul>
  1349.                         </div>
  1350.                         <div style="border-left-style: solid; border-bottom-style: solid; border-right-style: solid; height: 25px; padding-left: 10px; background-color: #FFF;" >
  1351.                             <a href="http://www.cspo.qc.ca/calendrier/"><strong>Voir tous les événements »</strong></a>
  1352.                         </div>
  1353.                     </div>
  1354.                    
  1355.                 </div>
  1356.                
  1357.             </div>
  1358.         </div>
  1359.  
  1360. </div>
  1361. </div>
  1362. <!-- Footer Widget Secton -->
  1363. <div class="enigma_footer_widget_area">
  1364.     <div class="container">
  1365.         <div class="row">
  1366.         <div class="col-md-3 col-sm-6 enigma_footer_widget_column">         <div class="textwidget"><center><a href="http://www.cspo.qc.ca" target="_blank"><img src="/wp-content/uploads/2019/07/LOGO-CSPO-fond_transparent_225.png" width="225px"></a></center>
  1367.  
  1368. <small style="font-size: 61%;">© 2019 Commission scolaire des Portages-de-l'Outaouais</small></div>
  1369.         </div><div class="col-md-3 col-sm-6 enigma_footer_widget_column">           <div class="textwidget"><p><i class="fa fa-globe"></i>&nbsp;225, rue Saint-Rédempteur<br>
  1370. &nbsp;&nbsp;&nbsp;&nbsp;Gatineau (Québec)<br>
  1371. &nbsp;&nbsp;&nbsp;&nbsp;J8X 2T3</p></div>
  1372.         </div><div class="col-md-3 col-sm-6 enigma_footer_widget_column">           <div class="textwidget"><p><i class="fa fa-phone"></i>&nbsp;Téléphone : 819-771-4548<br>
  1373. <i class="fa fa-fax"></i>&nbsp;Télécopieur : 819-771-6964<br></div>
  1374.         </div><div class="col-md-3 col-sm-6 enigma_footer_widget_column">           <div class="textwidget"><p><b><i class="fa fa-clock-o"></i>&nbsp;Administration</b><br>
  1375. &nbsp;&nbsp;&nbsp;&nbsp;Lundi au vendredi<br>
  1376. &nbsp;&nbsp;&nbsp;&nbsp;de 8h à 12h et de 13h à 16h</p></div>
  1377.         </div>      </div> 
  1378.     </div>
  1379. </div>
  1380. <div class="enigma_footer_area">
  1381.     <div class="container">
  1382.         <div class="col-md-12">
  1383.                         <p class="enigma_footer_copyright_info wl_rtl">&nbsp;               <a rel="nofollow" href="" >
  1384.                 </a>
  1385.             </p>
  1386.                         <div class="enigma_footer_social_div">
  1387.                 <ul class="social">
  1388.                                         <a href="https://www.facebook.com/CS-des-Portages-de-lOutaouais-506236389459645/?ref=aymt_homepage_panel." target="_blank"><li class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></li></a>
  1389.                                     </ul>
  1390.             </div>
  1391.                     </div>
  1392.     </div> 
  1393. </div>
  1394. <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-54946073-32', 'auto'); ga('send', 'pageview');</script><style>.enigma_client_area { background: #FFFFFF; }.enigma_testimonial_area { padding: 30px 0px 20px 0px !important; } .enigma_service_detail h3 a { font-size: 20px; } .enigma_service_detail p { font-size: 17px; } .enigma_img_responsive { float: left; padding: 0 5px 5px 2px; width: 40% !important; } .enigma_blog-img > .enigma_img_responsive { width: 33% !important; } .enigma_heading_title { margin-bottom: 10px;} .enigma_blog_thumb_wrapper_showcase { overflow:visible; } .enigma_fuul_blog_detail_padding ul li { font-size: 16px; } .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons {display:none;} .enigma_blog_thumb_wrapper_showcase:hover img { -webkit-transform: rotate(0deg) !important; -moz-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; } .enigma_blog_thumb_date, .enigma_blog_read_btn .enigma_blog_thumb_footer { display:none; } ul.blog-date-left li:not(:first-child) { display:none;} .enigma_blog_post_content ul li { font-size: 16px; } .enigma_blog_wrapper { margin-bottom: 0px; padding-bottom:5px } .enigma_blog_area { background:#FFFFFF; padding-top: 0px; padding-bottom:5px; } .enigma_footer_widget_area p { font-size: 14px; line-height:20px; text-align:left; vertical-align:bottom; } .input-group{ margin-right:50px; float:right; } .input-group-btn .btn { vertical-align:middle; font-size: 16px; font-weight: normal; height: 30px; width: 40px; } #searchform .form-control { display: block; width: 100%; height: 30px; font-size: 12px; } .input-group {margin-top: 5px; margin-bottom: 5px; } .enigma_callout_area p { color: #fb6050; } .enigma_callout_area{ padding: 15px !important;} #accordion h3 { font-size:14px; background-color: #136597; background-image: -moz-linear-gradient(top, #136597 0%, #177cb9 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136597), color-stop(100%,#177cb9)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #136597 0%,#177cb9 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, #136597 0%,#177cb9 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, #136597 0%,#177cb9 100%); /* IE10+ */ background-image: linear-gradient(to bottom, #136597 0%,#177cb9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136597', endColorstr='#177cb9',GradientType=0 ); color: #FFFFFF; display: block; margin: -1px 0 0 !important; padding: 0.5em 2em; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #accordion a { text-decoration:underline; color:#136597; transition: all 0.4s ease 0s; }#accordion div { line-height:25px; } .enigma_blog_full { margin-bottom: 0px; margin-top: 0px; padding-bottom: 20px !important; padding-top: 20px !important; } #accordion .container { width: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2em; } #accordion .col-md-4 { padding-right: 5px; padding-left: 5px; } .carousel-text h1 { background: rgba(0,0,0,0); } body, .enigma_dropcape_circle, .enigma_tooltip, .enigma_short_tabs_content, .enigma_contact_info li .text, .enigma_contact_info li .fa, .enigma_para_icons, .enigma_blockquote_section blockquote > span, .enigma_heading_section p, .enigma_blog_post_content p, .enigma_service_detail p { color: #575757; } .carousel-caption { top: 0px; padding-top: 0px; } /*texte noir*/ .enigma_blog_post_content p, .enigma_blog_post_content li, .enigma_service_detail p, .enigma_service_detail li, .enigma_blog_thumb_wrapper p, .post-content-wrap p, .enigma_testimonial_area p, .enigma_testimonial_area span, .enigma_testimonial_area h3, .enigma_blog_post_content h3, .enigma_blog_post_content h2, .enigma_blog_post_content h1, .enigma_blog_post_content h4, .enigma_header_breadcrum_title h1, .enigma_header_breadcrum_title li { color: #000000 !important; } /*fin texte noir*/ #accordion h3 {background-image: linear-gradient(to bottom, #2B3685 0%,#4553C0 100%);} .panel-heading {padding: 5px 5px 5px 15px;} .panel-group .panel-heading > a { font-size: 12px; } .panel-group .panel-body .accordian_content { font-size: 12px; } .panel-group .panel-body p { font-size: 12px; } .panel-group .panel-body li { font-size: 12px; } article { float: left; padding: 10px; width: 25%; text-align:center; } section:after { content: ""; display: table; clear: both; } @media (max-width: 600px) { article { width: 100%; height: auto; } }</style>  
  1395. <!-- /Footer Widget Secton -->
  1396. <!--Scroll To Top-->
  1397. <a href="#" title="Go Top" class="enigma_scrollup"><i class="fa fa-chevron-up"></i></a>
  1398. <!--/Scroll To Top-->
  1399. </div>
  1400. <!-- ngg_resource_manager_marker --><script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/plugins/custom-facebook-feed/js/cff-scripts.js?ver=2.9'></script>
  1401. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
  1402. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script>
  1403. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4'></script>
  1404. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/photobox/photobox-custom.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  1405. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-includes/js/comment-reply.min.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  1406. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/plugins/the-events-calendar-category-colors/resources/legend-superpowers.js?ver=6.1.1'></script>
  1407. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-includes/js/wp-embed.min.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  1408. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/envira.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  1409. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/enigma-footer-script.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  1410. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/waypoints.min.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  1411. <script type='text/javascript' src='http://www.cspo.qc.ca/wp-content/themes/enigma-premium/js/scroll.js?ver=6c4add3ca6faaa6addd6b54b028ed5f5'></script>
  1412. <!-- Custom Facebook Feed JS -->
  1413. <script type="text/javascript">
  1414. var cfflinkhashtags = "true";
  1415. </script>
  1416.         <script>
  1417.         ( function ( body ) {
  1418.             'use strict';
  1419.             body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' );
  1420.         } )( document.body );
  1421.         </script>
  1422.         <script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activer pour trier la colonne ascendante","sort_descending":": activer pour trier la colonne descendante"},"length_menu":"Afficher les saisies _MENU_","empty_table":"Aucune donn\u00e9e disponible sur le tableau","info":"Affichant_START_ \u00e0 _END_ du _TOTAL_ des saisies","info_empty":"Affichant 0 \u00e0 0 de 0 saisies","info_filtered":"(filtr\u00e9 \u00e0 partir du total des saisies _MAX_ )","zero_records":"Aucun enregistrement correspondant trouv\u00e9","search":"Rechercher :","all_selected_text":"Tous les \u00e9l\u00e9ments de cette page ont \u00e9t\u00e9 s\u00e9lectionn\u00e9s. ","select_all_link":"S\u00e9lectionner toutes les pages","clear_selection":"Effacer la s\u00e9lection.","pagination":{"all":"Tout","next":"Suivant","previous":"Pr\u00e9c\u00e9dent"},"select":{"rows":{"0":"","_":": a s\u00e9lectionn\u00e9 %d rang\u00e9es","1":": a s\u00e9lectionn\u00e9 une rang\u00e9e"}},"datepicker":{"dayNames":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"dayNamesShort":["dim","lun","mar","mer","jeu","ven","sam"],"dayNamesMin":["D","L","M","M","J","V","S"],"monthNames":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthNamesShort":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthNamesMin":["Jan","F\u00e9v","Mar","Avr","Mai","Juin","Juil","Ao\u00fbt","Sep","Oct","Nov","D\u00e9c"],"nextText":"Suivant","prevText":"Pr\u00e9c\u00e9dent","currentText":"Aujourd\u2019hui ","closeText":"Termin\u00e9","today":"Aujourd\u2019hui ","clear":"Effac\u00e9"}};var tribe_system_info = {"sysinfo_optin_nonce":"4ad9cc1869","clipboard_btn_text":"Copier vers le presse-papiers","clipboard_copied_text":"Infos syst\u00e8me copi\u00e9es","clipboard_fail_text":"Appuyer sur \"Cmd + C\" pour copier"};/* ]]> */ </script></body>
  1423. </html>
Add Comment
Please, Sign In to add comment