Outiref

Code source de l'URL : http://www.ecolesecondairemirabel.ca/

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- normalize and html5 boilerplate resets -->
        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/reset.css">
        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/less.build.css">

        <!--[if lte IE 9]>
        <script src="templates/Skyline_v2/resources/js/html5shiv.js"></script>
        <script src="templates/Skyline_v2/resources/js/html5shiv-printshiv.js"></script>

        <![endif]-->

        <meta http-equiv="content-type" content="text/html; charset=utf-8" />


<title>École secondaire de Mirabel</title>



<meta name="description" content="" />
<meta name="keywords" content="" />

  <link href="resources/Logo ESM sans texte.JPG" rel="shortcut icon" type="image/x-icon" />
  <link href="resources/Logo ESM sans texte.JPG" rel="icon" type="image/x-icon" />



  <style type="text/css" id="styleCSS">
    /*
    Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/
*/
body {
    
    
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top left;
    background-size: auto;
}

/* IOS devices 'bgd-att: fixed' solution */
@media only screen and (max-device-width: 1366px) {
    .bgd-attachment-fixed {
        background-image: none;
    }
    .bgd-attachment-fixed:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        
        background-repeat: repeat;
        background-position: top left;
        background-size: auto;
        z-index: -2;
    }
}

.Text_2_Default,
.yola_heading_container {
  word-wrap: break-word;
}

.yola_bg_overlay {
    display:table;
    table-layout: fixed;
    position:absolute;
    min-height: 100%;
    min-width: 100%;
    width:100%;
    height:100%;
}
.yola_outer_content_wrapper {
    
    padding-right: 0px;
    
    padding-left: 0px;
}
.yola_inner_bg_overlay {
    width:100%;
    min-height: 100vh;
    display: table-cell;
    
    vertical-align: top;
}
.yola_outer_heading_wrap {
    width:100%;
    text-align: center;
}
.yola_heading_container {
    margin: 0 auto;
    
    	background-color: #e0e0e0;

}
.yola_inner_heading_wrap {
    margin: 0 auto;
    max-width: 1280px;
}
.yola_innermost_heading_wrap {
    padding-left:0;
    padding-right:0;
    margin: 0 auto;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}
.yola_inner_heading_wrap.top nav,
.yola_inner_heading_wrap.top div#yola_heading_block,
.yola_inner_heading_wrap.bottom nav,
.yola_inner_heading_wrap.bottom div#yola_heading_block {
    padding-left: 3rem;
    padding-right: 3rem;
}
.yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
.yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
    padding-left: 3rem;
    padding-right: 3rem;
}
.yola_inner_heading_wrap h1 {
    margin: 0;
}
#yola_nav_block {
    height: 100%;
}
#yola_nav_block nav {
    text-align: center;
    	background-color: #e0e0e0;

}
#yola_nav_block nav ul{
    display:inline;
}
.yola_inner_heading_wrap.left #yola_heading_block {
    float:left;
}
.yola_inner_heading_wrap.right #yola_heading_block {
    float:right;
}
.yola_inner_heading_wrap.top #yola_nav_block {
    padding:0.9rem 0 0 0;
}
.yola_inner_heading_wrap.right #yola_nav_block {
    float:left;
    padding:0.9rem 0 0 0;
}
.yola_inner_heading_wrap.bottom #yola_nav_block {
    padding:0 0 0.9rem 0;
}
.yola_inner_heading_wrap.left #yola_nav_block {
    float:right;
    padding:0.9rem 0 0 0;
}
.yola_banner_wrap {
    background-attachment: scroll;
    text-align: center;
    margin: 0 auto;
    
    display: none;
    background-position: top left;
    background-size: auto;
    background-repeat: repeat-x;
    
    
}
.yola_inner_banner_wrap {
    padding-left:0;
    padding-right:0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    
}
.yola_innermost_banner_wrap {
    margin: 0 auto;
    
}
.yola_inner_nav_wrap {
    margin: 0 auto;
    
}
.yola_banner_wrap nav ul.sys_navigation {
    text-align: center;
    padding-top:0.9rem;
    padding-bottom:0.9rem;
}
.yola_banner_wrap h1 {
    margin:0;
    text-align: center;
}
.yola_site_tagline {
    padding-top:0;
    padding-bottom:0;
    font-family: 'Titillium Web';
    font-size: 5rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.5em;
    text-transform: none;
    text-align: left;
    padding-right: 3rem;
    padding-left: 3rem;

}
.yola_site_tagline span {
    display: inline-block;
    
    
    
    
    
}
ul.sys_navigation {
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.sys_navigation li {
    display: inline;
    list-style: none;
    margin:0 2rem 0 0;
}
.yola_inner_heading_wrap ul.sys_navigation li:last-child {
    margin:0;
}
ul.sys_navigation li a{
    text-decoration: none;
}

div.ys_submenu {
    margin-top: 8px;
}

.yola_content_wrap {
    margin:0 auto;
    
    	background-color: #e0e0e0;

}
.yola_content_column {
    margin:0 auto;
    
}

.yola_inner_content_column {
    margin:0 auto;

    
    
    
    
}
.yola_inner_footer_wrap {
    padding: 0 20px;
}
div[id*='sys_region_'] {
    padding-left: 0 ! important;
    padding-right: 0 ! important;
}
.yola_site_logo {
    
    max-width:100%;
}
#sys_heading.yola_hide_logo img {
    display:none;
}
#sys_heading.yola_hide_logo span {
    display:inline;
}
a#sys_heading.yola_show_logo {
    font-size:14px;
}
#sys_heading.yola_show_logo img {
    display:inline;
}
#sys_heading.yola_show_logo span {
    display:none;
}
.yola_footer_wrap {
    margin:0 auto;
    
    	background-color: #000000;

}
.yola_footer_column {
    margin:0 auto;
    
    display: none;
}
footer {
    padding-top: 2.5rem;
    padding-right: 3rem;
    padding-bottom: 2.5rem;
    padding-left: 3rem;
    font-family: 'Titillium Web';
    font-size: 1rem;
    color: #ffffff;
    line-height: 1.5em;
    letter-spacing: 0px;
    text-transform: none;

}
span.yola_footer_socialbuttons {
    display:inline-block;
    line-height:0;
    margin:0;
    padding:0;
    display:inline-block;
    position:static;
    float:left;
    width:146px;
    height:20px;
    display: none;
}
.sys_yola_form .submit,
.sys_yola_form input.text,
.sys_yola_form input.email,
.sys_yola_form input.tel,
.sys_yola_form input.url,
.sys_yola_form textarea {
    font-family: 'Titillium Web';
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: 0px;
    text-transform: none;
}
div.sys_yola_form {
    padding:0 !important;
}
div.sys_yola_form form {
    margin:0 !important;
    padding:0 !important;
}
.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p {
    margin-top:0;
}
div[id*='sys_region_'] {
    padding:0 !important;
}
.sys_layout blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #171717;;
  font-size: 1rem;
  font-style: italic;
  color: #171717;
  
  line-height: 1.5em;
  letter-spacing: 0px;
  text-transform: none;
}
.sys_layout blockquote,
.sys_layout blockquote h1,
.sys_layout blockquote h2,
.sys_layout blockquote h3,
.sys_layout blockquote h4,
.sys_layout blockquote h5,
.sys_layout blockquote h6,
.sys_layout blockquote p {
    font-family: 'Georgia';
}
.sys_layout p,.sys_layout pre {margin:0 0 1.5em 0}
.sys_layout h2,.sys_layout h3,.sys_layout h4,.sys_layout h5,.sys_layout h6 { margin:0 0 0.5em 0 }
.sys_layout dl, .sys_layout menu,.sys_layout ol,.sys_layout ul{margin:0 0 1.5em 0}

.mob_menu {
    display: none;
}

.new-text-widget img, .old_text_widget img {
    max-width: 100%;
}


@media only screen and (max-width : 736px) {
    html {
        font-size: 80%;
    }

    body .m_inherit_width {
        width: inherit;
    }

    .small_device_hide {
        opacity: 0;
    }

    /* Remove display table so that fixefox can understand max-width */
    .yola_bg_overlay, .yola_inner_bg_overlay {
       display: block;
    }

    /* Zero out padding of the heading wrapper */
    .yola_inner_heading_wrap.top .yola_innermost_heading_wrap,
    .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap,
    .yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
    .yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
        padding-left: 0;
        padding-right: 0;
    }

    /* Make all image widgets center aligned */
    .Image_Default img {
        display: block;
        margin: 0 auto;
    }

    /* Center button widgets in column dividers */
    .column_divider .sys_button {
        text-align: center;
    }

    /* Make column dividers snap to one over another */
    .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block {
        float: none;
    }

    #sys_heading {
        word-wrap: break-word;
        word-break: break-word;
    }

    body .column_divider .left, body .column_divider .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .mob_menu a:visited {
        color: #fff;
    }

    .mob_menu {
        display: block;
        z-index: 1;
        ;
        background: rgba(224,224,224,1.00);;
        background: rgba(224,224,224,1.00);;
    }

    .mob_menu.menu_open {
        position: absolute;
        min-height: 100%;
        padding: 1rem 0 0 0;
        margin: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    .yola_outer_content_wrapper {
        display: block;
        padding-top: 0;
    }

    .mob_menu_overlay {
        display: none;
        text-transform: none;
    }

    .menu_open .mob_menu_overlay  {
        display: block;
    }

    .mob_menu_toggle {
        display: block;
        padding-top: 5%;
        padding-bottom: 6%;
        text-align: center;
        color: #666;
        cursor: pointer;
    }
    .mob_submenu_toggle {
        list-style: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .new-text-widget img, .old_text_widget img {
        height: auto;
    }

    #sys_heading span {
        font-size: 35px;
        font-weight: 500;
    }
    .sys_navigation {
        display: none;
    }

    .mobile_ham {
        stroke: #171717;
    }

    .mobile_quit {
        display: none;
    }

    .menu_open .mobile_ham {
        display: none;
    }

    .menu_open .mobile_quit {
        display: inline;
        stroke: #171717;
    }

    .mob_menu_list {
        font-family: 'Titillium Web';
        font-weight: lighter;
        margin: 0;
        font-size: 2.2em;
        line-height: 2;
        letter-spacing: 0.1em;
        list-style: none;
        text-align: center;
        padding: 0;
        -webkit-animation-duration: .2s;
        -webkit-animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        -moz-animation-duration: .2s;
        -moz-animation-fill-mode: both;
        -moz-animation-name: fadeInUp;
        -o-animation-duration: .2s;
        -o-animation-fill-mode: both;
        -o-animation-name: fadeInUp;
        animation-duration: .2s;
        animation-fill-mode: both;
        animation-name: fadeInUp;
    }

    .mob_menu_overlay .mob_menu_list a {
        color: #171717;
    }

    .mob_more_toggle {
        display: inline-block;
        cursor: pointer;
        background: none;
        border: none;
        outline: none;
        margin-left: 8px;
        stroke: #171717;
    }

    .up_arrow {
        display: none;
    }

    .sub_menu_open svg .down_arrow {
        display: none;
    }

    .sub_menu_open .up_arrow {
        display: inline;
    }

    .mob_menu_overlay .mob_menu_list .selected a {
        color: #fc4849;
    }

    .sub_menu_open a {
        color: #fc4849;
    }

    .mob_menu_list .sub_menu_open a {
        color: #fc4849;
    }

    .sub_menu_open .mob_more_toggle {
        stroke: #fc4849;
    }

    .mob_submenu_list {
        font-family: 'Titillium Web';
        font-weight: lighter;
        list-style: none;
        text-align: center;
        padding: 0 0 5% 0;
        margin: 0;
        line-height: 1.6;
        display: none;
        -webkit-animation-duration: .2s;
        -webkit-animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        -moz-animation-duration: .2s;
        -moz-animation-fill-mode: both;
        -moz-animation-name: fadeInUp;
        -o-animation-duration: .2s;
        -o-animation-fill-mode: both;
        -o-animation-name: fadeInUp;
        animation-duration: .2s;
        animation-fill-mode: both
        animation-name: fadeInUp;
    }

    .sub_menu_open .mob_submenu_list{
        display: block;
    }

    .mob_submenu_items {
        font-size: 0.75em;
    }
    .mob_menu_list .mob_nav_selected {
        color: #fc4849;
    }

    .menu_open ~ .yola_outer_content_wrapper {
        display: none;
    }

    @-webkit-keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }

    @-moz-keyframes fadeInUp {
      0% {
        opacity: 0;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        -moz-transform: none;
        transform: none;
      }
    }

    @-o-keyframes fadeInUp {
      0% {
        opacity: 0;
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        -o-transform: none;
        transform: none;
      }
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        transform: none;
      }
    }
}


  </style>


<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>

      <style type="text/css">
      @import url("//fonts.googleapis.com/css?family=Titillium+Web%3Aregular%2C600%2C700%2C300&subset=latin,latin-ext");
    </style>
  
  <style type="text/css" id="styleOverrides">
    /* ======================
*
*  Site Style Settings
*
=========================*/
/* Paragraph text (p) */

.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout  {
    font-family: 'Titillium Web';
    
    font-size: 1rem;
    color: #171717;
    line-height: 1.4em;
    letter-spacing: 0px;
    text-transform: none;
}

/* Navigation */
.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 1rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0.1rem;
    line-height: 1.5em;
    text-transform: none;
}


/* Navigation:selected */
div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
    color: #fc4849;
}

/* Navigation:hover */
div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
    color: #fc4849;
}

/* Site Title */
#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
    font-family: 'Titillium Web';
    font-weight: 700;
    font-size: 1.7rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0.2rem;
    line-height: 1.35em;
    text-transform: none;
}

/* Hyperlinks (a, a:hover, a:visited) */
a, .sys_txt a:link, .sys_layout a:link {color: #4e9ca3;}
a, .sys_txt a:link, .sys_layout a:link {text-decoration: underline;}
a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #72057a;}
a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #ff0000;}
a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: none;}

/* Headings (h2, h3, h4, h5, h6) */
.sys_layout h2, .sys_txt h2 {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 3.5rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1em;
    text-transform: none;
}

.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 3.5rem;
    color: #171717;
    letter-spacing: 0px;
    line-height: 1em;
    text-transform: none;
}

.sys_layout h3, .sys_txt h3 {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 2.8rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.1em;
    text-transform: none;
}

.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 2.8rem;
    color: #171717;
    letter-spacing: 0px;
    line-height: 1.1em;
    text-transform: none;
}

.sys_layout h4, .sys_txt h4 {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 2.2rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.1em;
    text-transform: none;
}

.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 2.2rem;
    color: #171717;
    letter-spacing: 0px;
    line-height: 1.1em;
    text-transform: none;
}

.sys_layout h5, .sys_txt h5 {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 1.8rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.2em;
    text-transform: none;
}

.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 1.8rem;
    color: #171717;
    letter-spacing: 0px;
    line-height: 1.2em;
    text-transform: none;
}

.sys_layout h6, .sys_txt h6 {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 1.2rem;
    color: #171717;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.2em;
    text-transform: none;
}

.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 1.2rem;
    color: #171717;
    letter-spacing: 0px;
    line-height: 1.2em;
    text-transform: none;
}

/*button widget*/
.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
    display:inline-block;
    text-decoration: none;
}
.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
    cursor:pointer;
}
.sys_layout .sys_button a {
    cursor:default;
}

.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
    border-radius:0px;
}
.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
    border-radius:3px;
}
.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
    border-radius:90px;
}

/*button sizes*/
.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: 'Titillium Web';font-size: 0.8rem;line-height: 1.2em;letter-spacing: 0.1rem;text-transform: uppercase;padding-top:1rem;padding-bottom:1rem;padding-left:2rem;padding-right:2rem;}
.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Titillium Web';font-size: 0.9rem;line-height: 1.7em;letter-spacing: 0.1rem;text-transform: uppercase;padding-top:1rem;padding-bottom:1rem;padding-left:2.5rem;padding-right:2.5rem;}
.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: 'Titillium Web';font-size: 1rem;line-height: 1.2em;letter-spacing: 0.1rem;text-transform: none;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:5rem;padding-right:5rem;}

/*button styles:small*/
.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
    border-color:rgba(252,72,73,1.00);
    color: rgba(252,72,73,1.00);
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.small.outline a:visited {
    color: rgba(252,72,73,1.00);
}
.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
    	background-color: #fc4849;

    color: #ffffff;
    border-color:rgba(252,72,73,1.00);
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.small.solid a:visited {
    color: #ffffff;
}
.sys_layout .sys_button.small.outline a:hover {
    background-color: rgba(252,72,73,1.00);
    color: #ffffff;
    text-decoration: none;
}

/*button styles:medium*/
.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
    border-color:rgba(252,72,73,1.00);
    color: rgba(252,72,73,1.00);
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.medium.outline a:visited {
    color: rgba(252,72,73,1.00);
}
.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
    	background-color: #fc4849;

    color: #ffffff;
    border-color:rgba(252,72,73,1.00);
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.medium.solid a:visited {
    color: #ffffff;
}
.sys_layout .sys_button.medium.outline a:hover {
    background-color: rgba(252,72,73,1.00);
    color: #ffffff;
    text-decoration: none;
}
/*button styles:large*/
.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
    border-color:rgba(252,72,73,1.00);
    color: rgba(252,72,73,1.00);
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.large.outline a:visited {
    color: rgba(252,72,73,1.00);
}
.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
    	background-color: #fc4849;

    color: #ffffff;
    border-color:rgba(252,72,73,1.00);
    border-style: solid;
    border-width: 2px;
}
.sys_layout .sys_button.large.solid a:visited {
    color: #ffffff;
}
.sys_layout .sys_button.large.outline a:hover {
    background-color: rgba(252,72,73,1.00);
    color: #ffffff;
    text-decoration: none;
}

.sys_layout .sys_button.solid a:hover {
    text-decoration: none;
    opacity: .8;
}  </style>

  



<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001088" />
<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001088"></script>
<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001088" />


<script type="text/javascript">
  var swRegisterManager = {
    goals: [],
    add: function(swGoalRegister) {
      this.goals.push(swGoalRegister);
    },
    registerGoals: function() {
      while(this.goals.length) {
        this.goals.shift().call();
      }
    }
  };

  window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager);
</script>

  
  
  
  
  
  
  <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1001088" />
  
  
  

    </head>
    <body lang="fr" class="bgd-attachment-fixed">
            <script
        type="application/ld+json"
        id="locationData"
        data-embed-key="AIzaSyARNP6PBrYdKNmsYf09tU8jRnffQb-sFQg">
        {
            "@context": "http://schema.org",
            "@type": "LocalBusiness",
            "telephone": "450-569-2014",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "17777 rue Du Val d Espoir ",
                "addressLocality": "Mirabel,",
                "addressRegion": "Québec",
                "addressCountry": "",
                "postalCode": "J7J 1V7"
            },
            "openingHours": null
        }
    </script>

        <div id="sys_background" class="yola_bg_overlay">
            <div class="yola_inner_bg_overlay">
                <div class="yola_outer_content_wrapper">
                    <header role="header">
                        <div class="yola_outer_heading_wrap">
                            <div class="yola_heading_container">
                                <div class="yola_inner_heading_wrap top">
                                    <div class="yola_innermost_heading_wrap">
                                                                                <nav class="mob_menu">
                                            <div class="mob_menu_toggle"><!--Mobile Nav Toggle-->
                                                <svg class="mobile_ham" width="40" height="25">
                                                  <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/>
                                                  <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/>
                                                  <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/>
                                                </svg>
                                                <svg class="mobile_quit" width="26" height="50">
                                                    <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/>
                                                    <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/>
                                                </svg>
                                            </div>
                                            <div class="mob_menu_overlay"> <!--Mobile Nav Overlay-->
                                                <ul class="mob_menu_list">
      <li class="selected">
      <a href="./" title="ACCUEIL">ACCUEIL</a>
          </li>
      <li class="">
      <a href="administration.php" title="Administration">ADMINISTRATION</a>
              <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
          <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" />
          <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" />
          <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" />
          <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" />
          <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" />
        </svg>
        <ul class="mob_submenu_list">
                      <li>
              <a class="mob_submenu_items" href="calendrier.php" title="CALENDRIER">CALENDRIERS</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="membres-du-personnel.php" title="MEMBRES DU PERSONNEL">MEMBRES DU PERSONNEL</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="matières-et-profils.php" title="MATI&Egrave;RES ET PROFILS">MATI&Egrave;RES ET PROFILS</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="services-à-léleves.php" title="SERVICES D&#039;AIDE ET D&#039;ACCOMPAGNEMENT">SERVICES D&#039;AIDE ET D&#039;ACCOMPAGNEMENT</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="code-de-vie.php" title="S.C.P.  ET  CODE DE VIE ">S.C.P.  ET  CODE DE VIE </a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="conseil-détablissement.php" title="CONSEIL D&#039;&Eacute;TABLISSEMENT">CONSEIL D&#039;&Eacute;TABLISSEMENT</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="Projet-Éducatif.php" title="PROJET &Eacute;DUCATIF ">PROJET &Eacute;DUCATIF </a>
            </li>
                  </ul>
            </li>
      <li class="">
      <a href="rentrée-scolaire-2020-2021.php" title="RENTR&Eacute;E SCOLAIRE 2020-2021">RENTR&Eacute;E SCOLAIRE 2020-2021</a>
          </li>
      <li class="">
      <a href="messages-aux-parents.php" title="PARENTS">PARENTS </a>
              <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
          <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" />
          <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" />
          <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" />
          <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" />
          <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" />
        </svg>
        <ul class="mob_submenu_list">
                      <li>
              <a class="mob_submenu_items" href="GUIDE-DE-CHOIX-DE-COURS.php" title="ORIENTATION SCOLAIRE">ORIENTATION SCOLAIRE</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="guide-de-méthodologie.php" title="GUIDE DE M&Eacute;THODOLOGIE">GUIDE DE M&Eacute;THODOLOGIE</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="normes-et-modalités.php" title="NORMES ET MODALIT&Eacute;S">NORMES ET MODALIT&Eacute;S</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="évaluations.php" title="&Eacute;VALUATIONS">&Eacute;VALUATIONS</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="PASSAGE-PRIMAIRE-SECONDAIRE.php" title="PASSAGE PRIMAIRE-SECONDAIRE">PASSAGE PRIMAIRE-SECONDAIRE</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="test.php" title="CIVISME">CIVISME</a>
            </li>
                  </ul>
            </li>
      <li class="">
      <a href="Soulignons-nos-artistes-et-nos-sportifs-2020.php" title="SOULIGNONS NOS ARTISTES ET NOS SPORTIFS 2020">SOULIGNONS NOS ARTISTES ET NOS SPORTIFS 2020</a>
          </li>
      <li class="">
      <a href="ESM-VERTE.php" title="ESM VERTE">ESM VERTE</a>
          </li>
      <li class="">
      <a href="Hockey.php" title="Hockey Cyclones">HOCKEY CYCLONES</a>
          </li>
      <li class="">
      <a href="vie-étudiante.php" title="Photos, &eacute;quipe sportives, &eacute;quipes d&#039;improvisations, activit&eacute;s et archives">ARCHIVES</a>
              <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
          <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" />
          <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" />
          <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" />
          <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" />
          <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" />
        </svg>
        <ul class="mob_submenu_list">
                      <li>
              <a class="mob_submenu_items" href="plans-de-travail.php" title="PLANS DE TRAVAIL">PLANS DE TRAVAIL</a>
            </li>
                      <li>
              <a class="mob_submenu_items" href="journal-étudiant.php" title="JOURNAL &Eacute;TUDIANT">JOURNAL &Eacute;TUDIANT</a>
            </li>
                  </ul>
            </li>
  </ul>
                                            </div>
                                        </nav>
                                                                                                                        <div id="yola_heading_block"> <!--Title / Logo-->
                                            <h1>
                                                <a id="sys_heading" class="yola_hide_logo" href="./">
                                                    <img class="yola_site_logo" src="" alt="" >
                                                    <span></span>
                                                </a>
                                            </h1>
                                        </div>
                                        <div id="yola_nav_block"> <!--Nav-->
                                            <nav role="navigation">
                                                <div class="sys_navigation">
                                                <ul class="sys_navigation">
                    <li id="ys_menu_0">
                    <a href="./" title="ACCUEIL">ACCUEIL</a>
        </li>
                    <li id="ys_menu_1">
                    <a href="administration.php" title="Administration">ADMINISTRATION</a>
        </li>
                    <li id="ys_menu_2">
                    <a href="rentrée-scolaire-2020-2021.php" title="RENTR&Eacute;E SCOLAIRE 2020-2021">RENTR&Eacute;E SCOLAIRE 2020-2021</a>
        </li>
                    <li id="ys_menu_3">
                    <a href="messages-aux-parents.php" title="PARENTS">PARENTS </a>
        </li>
                    <li id="ys_menu_4">
                    <a href="Soulignons-nos-artistes-et-nos-sportifs-2020.php" title="SOULIGNONS NOS ARTISTES ET NOS SPORTIFS 2020">SOULIGNONS NOS ARTISTES ET NOS SPORTIFS 2020</a>
        </li>
                    <li id="ys_menu_5">
                    <a href="ESM-VERTE.php" title="ESM VERTE">ESM VERTE</a>
        </li>
                    <li id="ys_menu_6">
                    <a href="Hockey.php" title="Hockey Cyclones">HOCKEY CYCLONES</a>
        </li>
                    <li id="ys_menu_7">
                    <a href="vie-étudiante.php" title="Photos, &eacute;quipe sportives, &eacute;quipes d&#039;improvisations, activit&eacute;s et archives">ARCHIVES</a>
        </li>
    </ul>
                 <div id="ys_submenu_1" class="ys_submenu">
            <div class='ys_submenu_inner'>
                <ul>
                                            <li>
                            <a href="calendrier.php">CALENDRIERS</a>
                        </li>
                                            <li>
                            <a href="membres-du-personnel.php">MEMBRES DU PERSONNEL</a>
                        </li>
                                            <li>
                            <a href="matières-et-profils.php">MATI&Egrave;RES ET PROFILS</a>
                        </li>
                                            <li>
                            <a href="services-à-léleves.php">SERVICES D&#039;AIDE ET D&#039;ACCOMPAGNEMENT</a>
                        </li>
                                            <li>
                            <a href="code-de-vie.php">S.C.P.  ET  CODE DE VIE </a>
                        </li>
                                            <li>
                            <a href="conseil-détablissement.php">CONSEIL D&#039;&Eacute;TABLISSEMENT</a>
                        </li>
                                            <li>
                            <a href="Projet-Éducatif.php">PROJET &Eacute;DUCATIF </a>
                        </li>
                                    </ul>
            </div>
        </div>
                      <div id="ys_submenu_3" class="ys_submenu">
            <div class='ys_submenu_inner'>
                <ul>
                                            <li>
                            <a href="GUIDE-DE-CHOIX-DE-COURS.php">ORIENTATION SCOLAIRE</a>
                        </li>
                                            <li>
                            <a href="guide-de-méthodologie.php">GUIDE DE M&Eacute;THODOLOGIE</a>
                        </li>
                                            <li>
                            <a href="normes-et-modalités.php">NORMES ET MODALIT&Eacute;S</a>
                        </li>
                                            <li>
                            <a href="évaluations.php">&Eacute;VALUATIONS</a>
                        </li>
                                            <li>
                            <a href="PASSAGE-PRIMAIRE-SECONDAIRE.php">PASSAGE PRIMAIRE-SECONDAIRE</a>
                        </li>
                                            <li>
                            <a href="test.php">CIVISME</a>
                        </li>
                                    </ul>
            </div>
        </div>
                                <div id="ys_submenu_7" class="ys_submenu">
            <div class='ys_submenu_inner'>
                <ul>
                                            <li>
                            <a href="plans-de-travail.php">PLANS DE TRAVAIL</a>
                        </li>
                                            <li>
                            <a href="journal-étudiant.php">JOURNAL &Eacute;TUDIANT</a>
                        </li>
                                    </ul>
            </div>
        </div>
     
<script>
/* jshint ignore:start */
$(document).ready(function() {
    flyoutMenu.initFlyoutMenu(
        [{"name":"ACCUEIL","title":"ACCUEIL","href":".\/","children":[]},{"name":"ADMINISTRATION","title":"Administration","href":"administration.php","children":[{"name":"CALENDRIERS","title":"CALENDRIER","href":"calendrier.php"},{"name":"MEMBRES DU PERSONNEL","title":"MEMBRES DU PERSONNEL","href":"membres-du-personnel.php"},{"name":"MATI&Egrave;RES ET PROFILS","title":"MATI&Egrave;RES ET PROFILS","href":"mati\u00e8res-et-profils.php"},{"name":"SERVICES D&#039;AIDE ET D&#039;ACCOMPAGNEMENT","title":"SERVICES D&#039;AIDE ET D&#039;ACCOMPAGNEMENT","href":"services-\u00e0-l\u00e9leves.php"},{"name":"S.C.P.  ET  CODE DE VIE ","title":"S.C.P.  ET  CODE DE VIE ","href":"code-de-vie.php"},{"name":"CONSEIL D&#039;&Eacute;TABLISSEMENT","title":"CONSEIL D&#039;&Eacute;TABLISSEMENT","href":"conseil-d\u00e9tablissement.php"},{"name":"PROJET &Eacute;DUCATIF ","title":"PROJET &Eacute;DUCATIF ","href":"Projet-\u00c9ducatif.php"}]},{"name":"RENTR&Eacute;E SCOLAIRE 2020-2021","title":"RENTR&Eacute;E SCOLAIRE 2020-2021","href":"rentr\u00e9e-scolaire-2020-2021.php","children":[]},{"name":"PARENTS ","title":"PARENTS","href":"messages-aux-parents.php","children":[{"name":"ORIENTATION SCOLAIRE","title":"ORIENTATION SCOLAIRE","href":"GUIDE-DE-CHOIX-DE-COURS.php"},{"name":"GUIDE DE M&Eacute;THODOLOGIE","title":"GUIDE DE M&Eacute;THODOLOGIE","href":"guide-de-m\u00e9thodologie.php"},{"name":"NORMES ET MODALIT&Eacute;S","title":"NORMES ET MODALIT&Eacute;S","href":"normes-et-modalit\u00e9s.php"},{"name":"&Eacute;VALUATIONS","title":"&Eacute;VALUATIONS","href":"\u00e9valuations.php"},{"name":"PASSAGE PRIMAIRE-SECONDAIRE","title":"PASSAGE PRIMAIRE-SECONDAIRE","href":"PASSAGE-PRIMAIRE-SECONDAIRE.php"},{"name":"CIVISME","title":"CIVISME","href":"test.php"}]},{"name":"SOULIGNONS NOS ARTISTES ET NOS SPORTIFS 2020","title":"SOULIGNONS NOS ARTISTES ET NOS SPORTIFS 2020","href":"Soulignons-nos-artistes-et-nos-sportifs-2020.php","children":[]},{"name":"ESM VERTE","title":"ESM VERTE","href":"ESM-VERTE.php","children":[]},{"name":"HOCKEY CYCLONES","title":"Hockey Cyclones","href":"Hockey.php","children":[]},{"name":"ARCHIVES","title":"Photos, &eacute;quipe sportives, &eacute;quipes d&#039;improvisations, activit&eacute;s et archives","href":"vie-\u00e9tudiante.php","children":[{"name":"PLANS DE TRAVAIL","title":"PLANS DE TRAVAIL","href":"plans-de-travail.php"},{"name":"JOURNAL &Eacute;TUDIANT","title":"JOURNAL &Eacute;TUDIANT","href":"journal-\u00e9tudiant.php"}]}]
    , 'flyover');
});
/* jshint ignore:end */
</script>

                                                </div>
                                            </nav>
                                        </div>
                                                                                <div style="padding:0; height:0; clear:both;">&nbsp;</div>
                                    </div>
                                </div>
                            </div>
                            <div id="sys_banner" class="yola_banner_wrap">
                                <div class="yola_inner_banner_wrap">
                                    <div class="yola_innermost_banner_wrap">
                                        <h2 class="yola_site_tagline" style="display:none"><span></span></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </header>

                    <main class="yola_content_wrap" role="main">
                        <div class="yola_content_column">
                            <div class="yola_inner_content_column clearFix">
                                <style media="screen">
  .layout_1-column {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .layout_1-column:after {
    content: "";
    display: table;
    clear: both;
  }

  .zone_top {
    margin: 0;
    padding: 5px;
    vertical-align: top;
    line-height: normal;
    min-width: 100px;
  }
</style>

<div class="layout_1-column sys_layout">
    <div id="layout_row1">
        <div id="sys_region_1" class="zone_top" ><div id="Ib05d37fc7cb047a49f65cc5a088e0618" style="display:block;clear: both;" class="Panel_Default">    <style id='yola-panel-style-Ib05d37fc7cb047a49f65cc5a088e0618' type='text/css'>

        
        
        
        
                div#Panel_Ib05d37fc7cb047a49f65cc5a088e0618 {
            max-width: 800%;
            margin: 0 auto;;;
        }
        
        #yola-panel-Ib05d37fc7cb047a49f65cc5a088e0618 {
            border:1px solid #999999;display: table;width: 100%;height: 50vh;min-height: 50vh;position:relative;
        }

        #yola-panel-inner-Ib05d37fc7cb047a49f65cc5a088e0618 {
            display: table-cell;vertical-align: middle;padding:5rem 1rem 5rem 1rem;position:relative;
        }

                    #yola-panel-background-Ib05d37fc7cb047a49f65cc5a088e0618 {
                                    background-image:url(resources/ecole%20secondaire%20de%20mirabel.jpg);background-size:100% auto;background-position:center center;background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none;
                            }
        
        
            </style>

    <div id='yola-panel-Ib05d37fc7cb047a49f65cc5a088e0618'>
                    <div
                id='yola-panel-background-Ib05d37fc7cb047a49f65cc5a088e0618'
                            >
                                            </div>
                <div id='yola-panel-inner-Ib05d37fc7cb047a49f65cc5a088e0618'>
            <div id="Panel_Ib05d37fc7cb047a49f65cc5a088e0618" style="text-align:left; vertical-align:top;" >&nbsp;</div>
        </div>
    </div>

    
    
</div><div id="I4254e9ced9d04f18a81d5de82486464b" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I4254e9ced9d04f18a81d5de82486464b_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><p style="text-align: center;">École secondaire de Mirabel - 17777 rue du Val d'Espoir, Mirabel, Qc.&nbsp; J7J 1V7 - 450.569.2014</p></div></div><div id="Icc0c138ab5cb45a1b4c39c1f76ff20e9" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="Icc0c138ab5cb45a1b4c39c1f76ff20e9_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h6 style="text-align: center;"><a href="https://www.facebook.com/ecolesecondairemirabel/?ref=bookmarks" title="Facebook" target="_blank" class="over_outline" rel="noopener">Facebook</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <a href="https://edu.csrdn.qc.ca/Anonym/Accueil/Accueil.aspx" title="Édu-Groupe" target="_blank" class="over_outline" rel="noopener">Édu-Groupe</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="https://courrier.csrdn.qc.ca/owa/auth/logon.aspx?replaceCurrent=1&amp;url=https://courrier.csrdn.qc.ca/owa/" target="_blank" rel="noopener">Outlook Web Access</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="resources/Carte%20Service%20t%C3%A9l%C3%A9phonique%20Raphael%20U.jpg" target="_blank" style="color: #098da8;" class="over_outline" rel="noopener"> Raphaël U</a></h6></div></div><div id="Iac92ae22eb4442329ada92ff1fbb711d" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default">    <div style='border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#000000;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
</div><div id="I112b44118ed6414d8032b3e02ead7ea6" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I112b44118ed6414d8032b3e02ead7ea6_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h5 style="color: #171717; text-align: center;"><span style="color: #000000;">Les lauréats </span><span style="color: #000000;">qui ont fièrement porté le logo des Cyclones </span></h5>
<h5 style="color: #171717; text-align: center;"><span style="color: #000000;">sur la scène locale, régionale et provinciale 2020</span></h5>
<p style="text-align: center;"><strong><a href="Soulignons-nos-artistes-et-nos-sportifs-2020.php" target="_blank" rel="noopener"><span style="color: #b02020;">Cliquez pour voir la liste et les nominations&nbsp;</span></a></strong></p></div></div><div id="I11498887ab2d4ba395a74d769d23c90b" style="display:block;clear: both;text-align:center;" class="Image_Default"><style>#I11498887ab2d4ba395a74d769d23c90b_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 329px;border:none;max-width: 100%;height: auto;}</style><img id="I11498887ab2d4ba395a74d769d23c90b_img" src="resources/Messages_aux_parents/CYCLONES%20LOGO.JPG.opt329x244o0%2C0s329x244.JPG"  /></div><div id="I539b3935a0ef470e9037e7c88309969d" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default">    <div style='border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#171717;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
</div><div id="I59f416799b8e4d6f8e400d959f39e940" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default">    <div style='border-bottom-width:4px;border-bottom-style:dashed;border-bottom-color:#cccccc;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
</div><div id="Ife369dfc281c4bd2b2eea0f05ad566d9" style="display:block;clear: both;" class="Layout1_Default"><style>.column_Ife369dfc281c4bd2b2eea0f05ad566d9 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_Ife369dfc281c4bd2b2eea0f05ad566d9:after {content: "";display: table;clear: both;}.column_Ife369dfc281c4bd2b2eea0f05ad566d9 .left {text-align: left;vertical-align: top;width: 50%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_Ife369dfc281c4bd2b2eea0f05ad566d9 .right {vertical-align: top;width: 50%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_Ife369dfc281c4bd2b2eea0f05ad566d9 column_divider" ><div id="Left_Ife369dfc281c4bd2b2eea0f05ad566d9" class="left" ><div id="I5f2971458861464ca7244b5379e651b2" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I5f2971458861464ca7244b5379e651b2 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I5f2971458861464ca7244b5379e651b2:after {content: "";display: table;clear: both;}.column_I5f2971458861464ca7244b5379e651b2 .left {text-align: left;vertical-align: top;width: 5.537459283387622%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I5f2971458861464ca7244b5379e651b2 .right {vertical-align: top;width: 94.46254071661238%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I5f2971458861464ca7244b5379e651b2 column_divider" ><div id="Left_I5f2971458861464ca7244b5379e651b2" class="left" >&nbsp;</div><div id="Right_I5f2971458861464ca7244b5379e651b2" class="right" ><div id="I7b1f964dbc8d402e95191fa763e219cc" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I7b1f964dbc8d402e95191fa763e219cc_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h5 style="text-align: center;">Allô prof</h5>
<p style="color: #333333; text-align: start;">Né en 1996, Alloprof c'est un organisme de bienfaisance&nbsp;qui offre gratuitement de l'aide aux devoirs et aux leçons&nbsp;à tous les élèves du primaire, du secondaire et de la formation générale aux adultes, ainsi qu'aux parents d'élèves&nbsp;du Québec.​​​​ <a href="https://www.youtube.com/watch?v=tIYImoNn7zQ&amp;feature=youtu.be" target="_blank" rel="noopener">Cliquez pour visionner</a></p></div></div><div id="I8ec1e32c56d84a679cee8594dc8295fb" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="https://youtu.be/tIYImoNn7zQ" target="_blank" ><style>#I8ec1e32c56d84a679cee8594dc8295fb_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 355px;border:none;max-width: 100%;height: auto;}</style><img id="I8ec1e32c56d84a679cee8594dc8295fb_img" src="resources/Messages_aux_parents/youtube%20allo%20profs.PNG.opt355x200o0%2C0s355x200.PNG"  /></a></div></div></div></div></div><div id="Right_Ife369dfc281c4bd2b2eea0f05ad566d9" class="right" ><div id="I45abb66fed7a49f8858b8b4219b35203" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="http://www.alloprof.qc.ca/Pages/A-propos.aspx" target="_blank" ><style>#I45abb66fed7a49f8858b8b4219b35203_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 469px;border:none;max-width: 100%;height: auto;}</style><img id="I45abb66fed7a49f8858b8b4219b35203_img" src="resources/Messages_aux_parents/LOGO%20ALLO%20PROFS.PNG.opt469x385o0%2C0s469x385.PNG"  /></a></div></div></div></div><div id="I800f3437a3124ce98183d86aef4c502f" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I800f3437a3124ce98183d86aef4c502f {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I800f3437a3124ce98183d86aef4c502f:after {content: "";display: table;clear: both;}.column_I800f3437a3124ce98183d86aef4c502f .left {text-align: left;vertical-align: top;width: 55.32338308457712%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I800f3437a3124ce98183d86aef4c502f .right {vertical-align: top;width: 44.67661691542288%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I800f3437a3124ce98183d86aef4c502f column_divider" ><div id="Left_I800f3437a3124ce98183d86aef4c502f" class="left" ><div id="I8c3cbe9e07c643379375230498d9d0fd" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I8c3cbe9e07c643379375230498d9d0fd {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I8c3cbe9e07c643379375230498d9d0fd:after {content: "";display: table;clear: both;}.column_I8c3cbe9e07c643379375230498d9d0fd .left {text-align: left;vertical-align: top;width: 58.99053627760252%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I8c3cbe9e07c643379375230498d9d0fd .right {vertical-align: top;width: 41.00946372239748%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I8c3cbe9e07c643379375230498d9d0fd column_divider" ><div id="Left_I8c3cbe9e07c643379375230498d9d0fd" class="left" ><div id="Ib8c00f420ebd4b85a806b16c6c8e9b67" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="Ib8c00f420ebd4b85a806b16c6c8e9b67_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><p style="text-align: center;">FÉLICITATIONS</p>
<p style="text-align: center;"><span style="color: #1f497d;">Nathan Desjardins a participé au Séminaire national des débats étudiants « Modern » de la Fédération canadienne des débats étudiants (Canadian Student Debate Federation) qui a lieu au Manitoba et a remporté </span></p>
<p style="text-align: center;"><span style="color: #1f497d;">"&nbsp;<span style="color: #1c1e21;">Le prix de meilleur débatteur "</span></span></p>
<p style="text-align: center;"><span style="color: #1f497d;"> Il a été le&nbsp; représentant étudiant pour Mirabel avec une délégation québécoise!</span></p>
<p style="text-align: center;"><span style="color: #1f497d;">Après avoir participé au championnat des débats de la CSRDN</span></p>
<p style="text-align: center;"><span style="color: #1f497d;">Bravo Nathan !</span></p></div></div></div><div id="Right_I8c3cbe9e07c643379375230498d9d0fd" class="right" ><div id="I630e7bb3f6094de99d9c41fb4b30e0b4" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="resources/Activit%C3%A9s/71106677_2343116722666644_2191751218789875712_n.jpg"><style>#I630e7bb3f6094de99d9c41fb4b30e0b4_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 247px;border:none;max-width: 100%;height: auto;}</style><img id="I630e7bb3f6094de99d9c41fb4b30e0b4_img" src="resources/Activités/71106677_2343116722666644_2191751218789875712_n.jpg.opt247x330o0%2C0s247x330.jpg"  /></a></div></div></div></div></div><div id="Right_I800f3437a3124ce98183d86aef4c502f" class="right" ><div id="If3663ce2cc8f4f8183e5dfcd6d239a67" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="If3663ce2cc8f4f8183e5dfcd6d239a67_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><p>&nbsp;</p></div></div><div id="Ie9fe63bd9bf742f9a0c9ce2237176d1a" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="https://ici.radio-canada.ca/nouvelle/1323034/eleves-secondaire-debat-parlement-jeunesse?fbclid=IwAR0cXhQYAvSJD4tRPbM6swSEU_9blrE8jqN3fSZT5TYTv-yB6kbpQ6oirGs"><style>#Ie9fe63bd9bf742f9a0c9ce2237176d1a_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 316px;border:none;max-width: 100%;height: auto;}</style><img id="Ie9fe63bd9bf742f9a0c9ce2237176d1a_img" src="resources/Activités/2019_10_01_10_11_15_Des_%C3%A9l%C3%A8ves_du_secondaire_apprennent_%C3%A0_d%C3%A9battre_ICI_Radio_Canada.ca.jpg.opt316x180o0%2C0s316x180.jpg"  /></a></div><div id="I588816d3259248ec9f531e36c8919103" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I588816d3259248ec9f531e36c8919103_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h6><span style="color: #222222;">Des élèves du secondaire apprennent à débattre</span></h6></div></div><div id="I72807e2f353b4bf9a1b07b29659764bf" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="resources/Activit%C3%A9s/71081183_2343115199333463_4030040458913644544_n.jpg"><style>#I72807e2f353b4bf9a1b07b29659764bf_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 314px;border:none;max-width: 100%;height: auto;}</style><img id="I72807e2f353b4bf9a1b07b29659764bf_img" src="resources/Activités/71081183_2343115199333463_4030040458913644544_n.jpg.opt314x236o0%2C0s314x236.jpg"  /></a></div></div></div></div><div id="I4e8f7b3ea1824bdcbc4b76947405afa9" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default">    <div style='border-bottom-width:2px;border-bottom-style:dotted;border-bottom-color:#cccccc;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
</div><div id="If98a71ea12184ead86b9ea822458c95e" style="display:block;clear: both;" class="Layout1_Default"><style>.column_If98a71ea12184ead86b9ea822458c95e {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_If98a71ea12184ead86b9ea822458c95e:after {content: "";display: table;clear: both;}.column_If98a71ea12184ead86b9ea822458c95e .left {text-align: left;vertical-align: top;width: 49.48453608247423%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_If98a71ea12184ead86b9ea822458c95e .right {vertical-align: top;width: 50.51546391752577%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_If98a71ea12184ead86b9ea822458c95e column_divider" ><div id="Left_If98a71ea12184ead86b9ea822458c95e" class="left" ><div id="I6cedb3dcccc14d508d8ef2badba3e259" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I6cedb3dcccc14d508d8ef2badba3e259 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I6cedb3dcccc14d508d8ef2badba3e259:after {content: "";display: table;clear: both;}.column_I6cedb3dcccc14d508d8ef2badba3e259 .left {text-align: left;vertical-align: top;width: 37.46478873239437%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I6cedb3dcccc14d508d8ef2badba3e259 .right {vertical-align: top;width: 62.53521126760563%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I6cedb3dcccc14d508d8ef2badba3e259 column_divider" ><div id="Left_I6cedb3dcccc14d508d8ef2badba3e259" class="left" ><div id="I1d774b029cd344d9866e17a3a27f002f" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I1d774b029cd344d9866e17a3a27f002f_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h5 style="text-align: center;"><strong><span style="color: #8f0b44;">Le nouveau site</span></strong></h5>
<p style="text-align: center;"><strong><span style="color: #8f0b44;"> pour vous accompagner</span></strong></p></div></div><div id="I9cc5558ef83d4cb4a004ac06cb13ad4a" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="https://alexauclair0.wixsite.com/monsite" target="_blank" ><style>#I9cc5558ef83d4cb4a004ac06cb13ad4a_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 327px;border:none;max-width: 100%;height: auto;}</style><img id="I9cc5558ef83d4cb4a004ac06cb13ad4a_img" src="resources/Activités/S%C3%A9curit%C3%A9%20routi%C3%A8re%20Mirabel.jpg.opt327x226o0%2C0s327x226.jpg"  /></a></div></div><div id="Right_I6cedb3dcccc14d508d8ef2badba3e259" class="right" ><div id="Ib5afa56761f644cd9103aa4cce01d228" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="Ib5afa56761f644cd9103aa4cce01d228_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h4 style="text-align: center;">Les affiches</h4></div></div><div id="I7058614ea5404b4b9fa49ef3fbd8b84a" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I7058614ea5404b4b9fa49ef3fbd8b84a {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I7058614ea5404b4b9fa49ef3fbd8b84a:after {content: "";display: table;clear: both;}.column_I7058614ea5404b4b9fa49ef3fbd8b84a .left {text-align: left;vertical-align: top;width: 42.47787610619469%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I7058614ea5404b4b9fa49ef3fbd8b84a .right {vertical-align: top;width: 57.52212389380531%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I7058614ea5404b4b9fa49ef3fbd8b84a column_divider" ><div id="Left_I7058614ea5404b4b9fa49ef3fbd8b84a" class="left" ><div id="I2e3626421a5149ffacaefab4b8bd49f2" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="resources/Activit%C3%A9s/salt_20180522_121317_666.jpg" target="_blank" ><style>#I2e3626421a5149ffacaefab4b8bd49f2_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 142px;border:none;max-width: 100%;height: auto;}</style><img id="I2e3626421a5149ffacaefab4b8bd49f2_img" src="resources/Activités/salt_20180522_121317_666.jpg.opt130x97o0%2C0s130x97.jpg"  /></a></div></div><div id="Right_I7058614ea5404b4b9fa49ef3fbd8b84a" class="right" ><div id="I11844d368c7e4a139ab0baebf1ecd3cb" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="resources/Activit%C3%A9s/salt_20180522_120737_361.jpg" target="_blank" ><style>#I11844d368c7e4a139ab0baebf1ecd3cb_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 123px;border:none;max-width: 100%;height: auto;}</style><img id="I11844d368c7e4a139ab0baebf1ecd3cb_img" src="resources/Activités/salt_20180522_120737_361.jpg.opt123x219o0%2C0s123x219.jpg"  /></a></div></div></div></div></div></div></div></div><div id="Right_If98a71ea12184ead86b9ea822458c95e" class="right" ><div id="I67a7ae6394364f74876740dd62cafa03" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I67a7ae6394364f74876740dd62cafa03 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I67a7ae6394364f74876740dd62cafa03:after {content: "";display: table;clear: both;}.column_I67a7ae6394364f74876740dd62cafa03 .left {text-align: left;vertical-align: top;width: 34.54545454545455%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I67a7ae6394364f74876740dd62cafa03 .right {vertical-align: top;width: 65.45454545454545%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I67a7ae6394364f74876740dd62cafa03 column_divider" ><div id="Left_I67a7ae6394364f74876740dd62cafa03" class="left" ><div id="I9b996fc8079a48dd90ffdc0d8397be43" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I9b996fc8079a48dd90ffdc0d8397be43_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h6 style="text-align: center;"><strong><span style="color: #000066;">La prudence sur les routes</span></strong></h6>
<p style="text-align: center;"><strong><a href="https://youtu.be/SSzQelARNlI" target="_blank" rel="noopener"><span style="color: #630b2e;"><span style="color: #000066;"><span style="color: #b37d19;">- LA PREMIÈRE VIDÉO</span></span></span></a></strong></p>
<p style="text-align: center;"><a href="https://youtu.be/TVpVkH4aTOk" target="_blank" rel="noopener"><strong><span style="color: #630b2e;"><span style="color: #000066;"><span style="color: #b37d19;">- LA DEUXIÈME VIDÉO</span></span></span></strong></a></p>
<p style="text-align: center;"><strong><a href="https://youtu.be/b_290o8grPU" target="_blank" rel="noopener"><span style="color: #630b2e;"><span style="color: #000066;"><span style="color: #b8164f;">- LA TROISIÈME VIDÉO</span></span></span></a></strong></p>
<h6 style="text-align: center;"><a href="https://youtu.be/h01qMzfr2XU" target="_blank" rel="noopener"><span style="color: #630b2e;"><span style="color: #000066;"><span style="color: #62b816;">-LA QUATRIÈME VIDÉO</span></span></span></a></h6></div></div></div><div id="Right_I67a7ae6394364f74876740dd62cafa03" class="right" ><div id="Idb4c8dec73ed489c989222c74d3bad51" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="Idb4c8dec73ed489c989222c74d3bad51_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h6 style="text-align: center;"><strong>Message du président </strong><strong>du conseil d'élève<span style="color: #000066;">&nbsp;2017-18</span></strong></h6>
<p style="text-align: center;"><span style="color: #000066;">Alexandre Auclair,</span><span style="color: #000066;">de 5e secondaire</span></p></div></div><div id="Id0b0b14830b3490fa516b2ce32bb6717" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="resources/Activit%C3%A9s/Projet%20s%C3%A9curit%C3%A9%20routi%C3%A8re%20(1).pdf" target="_blank" ><style>#Id0b0b14830b3490fa516b2ce32bb6717_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 199px;border:none;max-width: 100%;height: auto;}</style><img id="Id0b0b14830b3490fa516b2ce32bb6717_img" src="resources/Activités/Lettre%20du%20pr%C3%A9sident%20d%27%C3%A9cole.JPG"  /></a></div></div></div></div></div></div></div><div id="Ie4c96774dc6242cdf8f7bc08b01d9c62" style="display:block;clear: both;" class="Layout1_Default"><style>.column_Ie4c96774dc6242cdf8f7bc08b01d9c62 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_Ie4c96774dc6242cdf8f7bc08b01d9c62:after {content: "";display: table;clear: both;}.column_Ie4c96774dc6242cdf8f7bc08b01d9c62 .left {text-align: left;vertical-align: top;width: 33.778767631774315%;padding: 0 15px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_Ie4c96774dc6242cdf8f7bc08b01d9c62 .right {vertical-align: top;width: 66.22123236822569%;padding: 0 0 0 15px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_Ie4c96774dc6242cdf8f7bc08b01d9c62 column_divider" ><div id="Left_Ie4c96774dc6242cdf8f7bc08b01d9c62" class="left" ><div id="Ia8f2081b6f7d4f33fc90c6d1099317d7" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="Ia8f2081b6f7d4f33fc90c6d1099317d7_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h6 style="color: #1245b5; text-align: center;"><strong style="color: #0da1db;">L'intimidation et la loi: ce qu'il faut savoir...</strong></h6></div></div><div id="I4ca52a536e2d4da7907ad8b3b2f65a9a" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="https://www.educaloi.qc.ca/intimidation?gclid=Cj0KEQiAj8uyBRDawI3XhYqOy4gBEiQAl8BJbdLljsmM8Ft8wqFsCQJXlSCGrG_6J0G2kXwFZOqgXG8aAtjZ8P8HAQ" target="_blank" ><style>#I4ca52a536e2d4da7907ad8b3b2f65a9a_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 305px;border:none;max-width: 100%;height: auto;}</style><img id="I4ca52a536e2d4da7907ad8b3b2f65a9a_img" src="resources/Educaloi_H_Bleu-Petit.jpg.opt305x82o0%2C0s305x82.jpg"  /></a></div><div id="Id309447c6129488cbca9c0712a078b42" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="Id309447c6129488cbca9c0712a078b42_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h4 style="color: #696605; text-align: center;" class=""><strong>PROJET DE LOIS # 56</strong></h4></div></div><div id="I062c707dee6a4085f5cb4981b15f284f" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I062c707dee6a4085f5cb4981b15f284f_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h5 style="text-align: center;" class=""><strong style="color: #f06c00;">ÉDUCALOI - QUÉBEC- INTIMIDATION ?</strong></h5></div></div><div id="I3f5262be7c67485f980076f225c5016c" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="http://www.education.gouv.qc.ca/dossiers-thematiques/intimidation-et-violence-a-lecole/projet-de-loi/" target="_blank" ><style>#I3f5262be7c67485f980076f225c5016c_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 305px;border:none;max-width: 100%;height: auto;}</style><img id="I3f5262be7c67485f980076f225c5016c_img" src="resources/LOGO%20LOIS%2056.PNG"  /></a></div><div id="Iba56bf8f22b341c9ad6131eceafa7e5e" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default">    <div style='border-bottom-width:3px;border-bottom-style:dashed;border-bottom-color:#cccccc;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
</div><div id="I1a144793ffa34bebc312b90852e40706" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="https://www.educaloi.qc.ca/search/node/INTIMIDATION" target="_blank" ><style>#I1a144793ffa34bebc312b90852e40706_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 305px;border:none;max-width: 100%;height: auto;}</style><img id="I1a144793ffa34bebc312b90852e40706_img" src="resources/LOGO%20%C3%89DUCALOI.png"  /></a></div><div id="I8a074b21ce2a4641f9301d895d8a58b8" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I8a074b21ce2a4641f9301d895d8a58b8_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><p>&nbsp;</p></div></div></div><div id="Right_Ie4c96774dc6242cdf8f7bc08b01d9c62" class="right" ><div id="Ibf67f527257f4af482359abb6bd3739f" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="Ibf67f527257f4af482359abb6bd3739f_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><h5 style="text-align: center;"><strong>LA RÉALITÉ VIRTUELLE ET LES ATELIERS 360 À MIRABEL</strong></h5>
<p style="text-align: center;"><br>En collaboration avec des chercheurs de l'Université de Sherbrooke, l’Institut Pacifique et la Fondation Jasmin Roy,<br>des élèves de l’École secondaire de Mirabel et leurs parents participent à un projet de recherche<br>sur l’évaluation et le développement des habiletés sociales et émotionnelles chez les<br>adolescents par l’utilisation de la réalité virtuelle en contexte scolaire.<br>Notre participation à cette étude servira de tremplin à l’implantation d’ateliers dans les écoles<br>du Québec.</p>
<p style="text-align: center;">Les élèves sélectionnés de 1re, 2e et 3e secondaire peuvent être fiers de :<br>S’impliquer pour faire avancer les choses;<br>S’exprimer pour faire évoluer les mentalités;<br>S’invertir pour grandir.<br>Pour plus d’information sur les Ateliers 360, vous pouvez consulter le lien suivant :<br><a href="http://fondationjasminroy.com/initiative/les-ateliers-360/" target="_blank" rel="noopener">http://fondationjasminroy.com/initiative/les-ateliers-360/</a></p></div></div><div id="Ic8f73f5766474b8bd93b64c95ae4e670" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="http://www.fondationjasminroy.com/" target="_blank" ><style>#Ic8f73f5766474b8bd93b64c95ae4e670_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 299px;border:none;max-width: 100%;height: auto;}</style><img id="Ic8f73f5766474b8bd93b64c95ae4e670_img" src="resources/Fondation%20Jasmin%20Roy.JPG"  /></a></div><div id="I727a80fcc7a04647b0035c7059684fe9" style="display:block;clear: both;text-align:center;" class="Image_Default"><a href="http://www.fondationjasminroy.com/" target="_blank" ><style>#I727a80fcc7a04647b0035c7059684fe9_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 299px;border:none;max-width: 100%;height: auto;}</style><img id="I727a80fcc7a04647b0035c7059684fe9_img" src="resources/carroussel_jasmin_final_2013.jpg.opt299x111o0%2C0s299x111.jpg"  /></a></div></div></div></div><div id="I1b0ecb08028f4a90f7bd031dff4b5aaa" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
    div.sys_text_widget img{margin:4px;}
    div.sys_text_widget {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: ;
        font: ;
        background-color: ;
    }
</style>

<div id="I1b0ecb08028f4a90f7bd031dff4b5aaa_sys_txt" systemelement="true" class="sys_txt sys_text_widget new-text-widget"><p>&nbsp;</p></div></div></div>
    </div>
</div>
                            </div>
                        </div>
                    </main>

                    <div class="yola_footer_wrap">
                        <div class="yola_footer_column">
                            <footer id="yola_style_footer">
                                <p style="float:right; margin:0;">17777 rue Du Val d Espoir, Mirabel,, Québec J7J 1V7 | 450-569-2014</p><div style="clear:both; height:0;"></div>
                            </footer>
                        </div>
                    </div>
                    
                    
<script type="text/javascript" id="site_analytics_tracking" data-id="14b781c83ec34968b484e6f24344115b" data-user="2a3903483ab54e0883c2d43d065be2ad" data-partner="WL_HPCA" data-url="//analytics.yolacdn.net/tracking.js">
  var _yts = _yts || [];
  var tracking_tag = document.getElementById('site_analytics_tracking');
  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
  _yts.push(["_trackPageview"]);
  (function() {
    var yts = document.createElement("script");
    yts.type = "text/javascript";
    yts.async = true;
    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
  })();
</script>


<!-- template: Skyline_v2 af2dd5be-c621-4f91-bff8-aa8d5e19e53a -->
                </div>
            </div> <!-- .inner_bg_overlay -->
        </div> <!-- #sys_background / .bg_overlay -->
        <script src="templates/Skyline_v2/resources/js/browserify.build.js"></script>
    </body>
</html>