Changes

Created page with " <!--The following line of code hides the page title--> <br> File:Bulletin-bouton-francais.png|alt=Français|left|frameless|link=https://wiki.gccollab.ca/CRCLO-bulletin-n..."


<!--The following line of code hides the page title-->

<br>

[[File:Bulletin-bouton-francais.png|alt=Français|left|frameless|link=https://wiki.gccollab.ca/CRCLO-bulletin-no1|120x120px]]
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}

<p style="text-align:center"></p>
<br>
&nbsp;

<p style="text-align:center">&nbsp;<span style="color:#343742"><span style="font-size:24px"><strong><span style="font-family:Franklin Gothic, Demi Cond, sans-serif">IN THIS ISSUE</span></strong></span></span></p>

<p style="text-align:center">&nbsp;</p>__NOTOC__{{#css:

body {
font-family: 'Nunito Sans', sans-serif;
}

.res-img img {
max-width:100%;
height:auto;
}

#topten {
margin-top: 2.2em;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}


.start:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
}

.items a {
color: rgb(255,255,255);
text-decoration: none;
white-space: nowrap;
}

.items a:visited {
color: rgb(255,255,255);
text-decoration: none;
}

.items a:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.items a.external {
color: rgb(255,255,255);
text-decoration: none;
}

.items a.external:visited {
color: rgb(255,255,255);
text-decoration: none;
}

.items a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.fadein img {
opacity:1;
transition: 1s ease;
}

.fadein img:hover {
opacity:0.5;
transition: 1s ease;
}

.start-icon {
margin: 0px 5px 0px 5px;
}

.alert {
border: 1px solid transparent;
}

.alert-primary {
background-color: rgba(1, 204, 220, 0.16);
box-shadow: 0px 0px 2px #03fff5;
border-color: rgb(1, 204, 220);
border-style: solid;
border-left: 3px solid #2f6aa5;
border-right: 3px solid #2f6aa5;
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
padding: 3px 10px 3px 10px;
}

.alert-primary:hover {
background-color: rgba(1, 204, 220, 0.3);
transition: 0.5s;
}

.times
{
-webkit-animation: blink 2s 1 both;
animation: blink 2s 1 both;
}

@-webkit-keyframes blink {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes blink {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}

}}__NOTOC__
<!--SYSTEM NOTICE
<div class="alert alert-primary>
<p><span class="start-icon times" role="presentation" aria-hidden="true"></span>




</div>-->
<div class="mainpage_row"><div class="mainpage_box"><center><div class="mainpage_row">
<div class="mainpage_box">
{| style="text-align: center;"
|-
| class="res-img fadein" style="padding: 0px 10px" |[[File: in brief|center|frameless]]
| class="res-img fadein" style="padding: 0px 10px" |[[File:|frameless]]
|-
|
|
|-
| class="res-img fadein" style="padding: 0px 10px" |[[File:alt=|center|frameless]]
| class="res-img fadein" style="padding: 0px 10px" |[[File:alt=|center|frameless]]
|-
|
|
|-
| class="res-img fadein" style="padding: 0px 10px" |[[File:alt= |center|frameless]]
| class="res-img fadein" style="padding: 0px 10px" |[[File:alt= |center|frameless]]
|}
<br>
<br>
<br>
<p style="text-align:center"><span style="color:#343742"><span style="font-size:18px"><strong><span style="font-family:Franklin Gothic, Demi Cond, sans-serif">ARE YOU FOLLOWING THE CIRNAC-ISC YPN ON SOCIAL MEDIA?</span></strong></span></span>
<br>
<br>

<center>
{|
|[[File:Linkedin-vert.png|alt=LinkedIn|frameless|43x43px|link=https://www.linkedin.com/company/cirnac-isc-ypn/]]
|}
<br>