| Line 1: | 
Line 1: | 
|   | + | <!--The following line of code hides the page title-->  | 
|   | + | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}  | 
|   | + | {| width="100%" cellpadding="10" cellspacing="10px"  | 
|   | + |  | 
|   | + | |- valign="top"  | 
|   | + | | style="color: #3C646E; background-color: white; font-size:1.5em;" |   | 
|   | + | <span style="font-size: 2em;">Community of Official Languages</span>  | 
|   | + | <!--Navigation coding BEGINS-->  | 
|   | + | {{#css:  | 
|   | + | div.nav {  | 
|   | + |     margin: 0 0 15px 0;  | 
|   | + |     background-color: #6BC2B1;  | 
|   | + |     font-size:0;  | 
|   | + | }  | 
|   | + | div.nav ul {  | 
|   | + |     padding: 0;  | 
|   | + |     margin: 0;  | 
|   | + |     list-style: none;  | 
|   | + |     position: relative;  | 
|   | + |     }  | 
|   | + | div.nav ul li {  | 
|   | + |     display:inline-block;  | 
|   | + |     background-color: #6BC2B1;  | 
|   | + |     }  | 
|   | + | div.nav a {  | 
|   | + |     display:block;  | 
|   | + |     padding:0 10px;  | 
|   | + |     color:#000;  | 
|   | + |     font-size:16px;  | 
|   | + | 	font-weight:600;  | 
|   | + |     line-height: 60px;  | 
|   | + |     text-decoration:none;  | 
|   | + | }  | 
|   | + |  | 
|   | + |  | 
|   | + | div.nav a:hover,  | 
|   | + | div.nav a.mw-selflink,  | 
|   | + | div.nav a.mw-selflink:hover {  | 
|   | + | color:#FFF;  | 
|   | + |     background-color: #3C646E;  | 
|   | + | }  | 
|   | + |  | 
|   | + | div.nav ul ul {  | 
|   | + |     display: none;  | 
|   | + |     position: absolute;  | 
|   | + |     top: 60px;  | 
|   | + | 	z-index:500;  | 
|   | + | 	border-left:2px solid white;  | 
|   | + | 	border-right:2px solid white;  | 
|   | + | 	border-bottom:2px solid white;  | 
|   | + | }  | 
|   | + | div.nav ul li:hover > ul {  | 
|   | + |     display:inherit;  | 
|   | + | }  | 
|   | + | div.nav ul ul li {  | 
|   | + |     width:230px;  | 
|   | + |     float:none;  | 
|   | + |     display:list-item;  | 
|   | + |     position: relative;  | 
|   | + | }  | 
|   | + | div.nav ul ul ul li {  | 
|   | + |     position: relative;  | 
|   | + |     top:-60px;  | 
|   | + |     left:230px;  | 
|   | + | }  | 
|   | + | div.nav ul ul li {  | 
|   | + |     border: 0px solid white;  | 
|   | + | }  | 
|   | + | li > a:after { content:  ' ▼'; }  | 
|   | + | li > a:only-child:after { content: ''; }  | 
|   | + |  | 
|   | + | .banner {  | 
|   | + | background-color: #6BC2B1;  | 
|   | + | }  | 
|   | + |  | 
|   | + | .banner .container {  | 
|   | + | /*max-width:900px;*/  | 
|   | + | display:block;  | 
|   | + | margin:0 auto;  | 
|   | + | }  | 
|   | + | .banner .container img {  | 
|   | + | width:100%;  | 
|   | + | height:auto;  | 
|   | + | }  | 
|   | + |  | 
|   | + | }}  | 
|   | + | <div class="banner"><div class="container">[[File: GCollab group pg header 1140x338px.png|link=|class=banner]]</div></div>  | 
|   | + | <div class="nav">  | 
|   | + | <ul>  | 
|   | + | <li>[[Community_of_Official_Languages|Home]]</li>  | 
|   | + | <li>[[Community_of_Official_Languages/References|References]]</li>  | 
|   | + | <li>[[Community_of_Official_Languages/Tools|Tools]]</li>  | 
|   | + | <li>[[Community_of_Official_Languages/Events|Events]]</li>  | 
|   | + | <li>[[Community_of_Official_Languages/PROL_Corner|PROL Corner]]</li>  | 
|   | + | <li>[[Community_of_Official_Languages/Newsletter|Newsletter]]</li>  | 
|   | + | <li>[[Community_of_Official_Languages/Contact|Contact us]]</li>  | 
|   | + |  | 
|   | + | </ul>  | 
|   | + | </div>  | 
|   | + | <!--Navigation coding ENDS-->  | 
|   | + |  | 
|   | + | <div style="text-align: right;">[[:en:Communauté des langues officielles|'''FRANÇAIS''']]</div>  | 
|   | + |  | 
|   | + | __NOTOC__  | 
|   | + | {| width="100%" cellspacing="15" cellpadding="10"  | 
|   | + | |- valign="top"  | 
|   | + | | style="color: black; background-color: white; font-size:1.2em;" |  | 
|   | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;">  |   | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;">  | 
|   |  |   |  |