| Line 19: |
Line 19: |
| | | | |
| | <p style="text-align:center"> <span style="color:#343742"><span style="font-size:24px"><strong><span style="font-family:Franklin Gothic, Demi Cond, sans-serif">NUMÉRO 2 | JUIN 2022</span></strong></span></span></p> | | <p style="text-align:center"> <span style="color:#343742"><span style="font-size:24px"><strong><span style="font-family:Franklin Gothic, Demi Cond, sans-serif">NUMÉRO 2 | JUIN 2022</span></strong></span></span></p> |
| − |
| |
| − | <p style="text-align:center"> </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>
| |
| − |
| |
| | | | |
| | <br> | | <br> |