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> |