﻿@charset "utf-8";
/* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
Terms and conditions of use: http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Terms
Conditions régissant l'utilisation : http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Conditions
*/



/*** Expandable page CSS (IE6-specific CSS in theme-clf2-nsi2-ie6.css) / Le CSS pour une page extensible (le CSS pour IE6 se trouve dans theme-clf2-nsi2-ie6.css ***/
#cn-body-inner-2col{
    padding: 0; 
    width: auto;
}

#cn-left-col, #cn-left-col-gap{
    width: 200px;
    margin-left: 0px;
}


/* 3 column / 3 colonnes */
#cn-body-inner-3col #cn-centre-col-inner {
    margin-left: 222px; 
    margin-right: 100px;
    padding-left: 0px; 
    padding-right:0px; 
}

#cn-body-inner-2col #cn-centre-col-gap{
    left: 155px;
}

/* Hide hidden heading elements / Cacher les éléments d'en-tête invisibles */
#cn-bcrumb h2, #cn-cmb h2, #cn-in-pd h3 
{
    position: absolute; 
    left: -9000px; 
    font-size: 10%;
}

#cn-head {
    margin-top: -25px;
    float: left;
}

#cn-sig {
    float: left; 
    width: 50%; 
    min-width: 300px;
}
#cn-wmms{
    text-align: right;
    padding-right: 10px;
    width:955px;
    margin-right:auto;
    margin-left: auto;
    float:none;
}

#cn-leaf {
    position: relative; 
    z-index: 2; 
    float: left; 
    text-align: center; 
    width: 100%; 
    min-width: 70px; 
    height: 70px; 
    background-image: url(../images/lffl.png); 
    background-repeat: no-repeat; 
    background-position: top center;
    margin-top: -40px;
}

#cn-banner, #cn-banner-eng, #cn-banner-fra{    
    width: 955px; 
    /*min-height: 102px;*/
    margin-top: 20px;
    text-align: center; 
    background: #000 url('../images/banner_widen.jpg') no-repeat center top;
    color: #fff;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: 10px;
}

#cn-banner #cn-banner-text, #cn-banner-eng #cn-banner-text, #cn-banner-fra #cn-banner-text {
    width: 100%; 
    margin: 0; 
    padding: 0; 
    color: #FFF; 
    font-weight: bold; 
    font-size: 180%; 
    font-family: "times new roman", serif;
}

#cn-banner p, #cn-banner-eng p, #cn-banner-fra p {
    width: 100%; 
    margin: 0; 
    padding: 0 0 4px 0; 
    color: #FFF; 
    font-size: 120%; 
    font-family: Arial, Helvetica, sans-serif;
}

#cn-cmb, #cn-cmb ul li {
    background-color: #000;
}

#cn-cmb {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
}

#cn-cmb ul{
    list-style-type: none; 
    margin: 0; 
    padding-left: 0px; 
    background-color: #000;
    width:100%;
}

#cn-cmb ul li {
    float: left; 
    width: 16.6%; 
    min-width: 9.5em;
}

#cn-cmb ul li a {
    display: block; 
    text-align: left; 
    width: 100%; 
    padding: 0.16em 0px 0.16em 3px; 
    border-left: 1px solid #FFF; 
    font-weight: bold; 
    min-height: 1.25em;
}

#cn-cmb ul li:first-child a {
    border-left: none;
}
#cn-cmb ul li a:link, #cn-cmb ul li a:visited {
    background-color: #000; 
    /*background-color: #23447E */
    color: #FFF; 
    text-decoration: none;
}

#cn-cmb ul li a:hover, #cn-cmb ul li a:active, #cn-cmb ul li a:focus {
    color: #000; 
    background-color: #CCC;
}

#cn-cmb6 a:hover, #cn-cmb6 a:active {
    width: 120%;
}

#cn-cmb6 a:focus {width: 103.26%;}

#cn-bcrumb{
    padding-bottom: 1px;
    width: 945px;
    margin: -35px auto 0px auto;
}

#cn-bcrumb ol{
    padding-top: 0; 
    margin: 0; 
    padding-left: 0; 
    list-style-type: none; 
    float: left; 
    width: 100%; 
    clear: right;
}
    
#cn-bcrumb li{
    padding-top: 0; 
    float: left; 
    margin-right: 0.3em; 
    white-space: nowrap;
}

#cn-left-col-inner, #cn-left-col-gap {
    background-color: #FFF;
}

.cn-left-col-default h3 {
    padding: 2px 5px;
    background-color: #557913;
    margin-top: 0;
    margin-bottom: 0; 
    font-size: 110%;
    color: White;
}

.cn-left-col-default{
    background-color: #EEE;
}

.cn-left-col-default ul li:last-child{
    border: none;
}


.cn-left-col-default li {border-top: 1px solid #363;}

#cn-pd-link {position: absolute; left: -9000px; font-size: 10%;}
#cn-pd-ul {border-top: 15px solid #363; margin-left: 0; padding-left: 40px;}

.cn-left-col-default h3, .cn-left-col-default h3 a:link, .cn-left-col-default h3 a:visited, .cn-right-col-default h3, .cn-right-col-default h3 a:link, .cn-right-col-default h3 a:visited {color: #FFF; text-decoration: none; display: block;}
.cn-left-col-default h3 a, .cn-right-col-default h3 a {margin: -2px -5px; padding: 2px 5px; width: 100%;}
.cn-left-col-default h3 a:hover, .cn-left-col-default h3 a:active, .cn-left-col-default h3 a:focus, .cn-right-col-default h3 a:hover, .cn-right-col-default h3 a:active, .cn-right-col-default h3 a:focus {background-color: #030; color: #CC9;}
.cn-left-col-default li a, .cn-right-col-default li a {display: block; padding: 3px 5px 3px 10px;}
.cn-left-col-default li a:link, .cn-right-col-default li a:link{color: #000; text-decoration: none;}
.cn-left-col-default li a:visited, .cn-right-col-default li a:visited{color: #636; text-decoration: none;}
.cn-left-col-default li a:hover, .cn-left-col-default li a:focus, .cn-left-col-default li a:active, .cn-right-col-default li a:hover, .cn-right-col-default li a:focus, .cn-right-col-default li a:active, #cn-search-box a:hover, #cn-search-box a:focus, #cn-search-box a:active {color: #CC9; background-color: #030; outline: none;}
.cn-left-col-default ul, .cn-right-col-default ul {list-style-type: none; margin-top: 0; margin-bottom: 0;}
.cn-left-col-default ul ul, .cn-right-col-default ul ul {list-style-type: disc;}
.cn-left-col-default li, .cn-right-col-default li {margin-left: -40px;}
.cn-left-col-default li li, .cn-right-col-default li li {margin-left: 0; padding: 0; border: none;}
.cn-left-col-default li li a, .cn-right-col-default li li a {padding: 1px 5px 1px 5px; margin-left: -5px;}

.cn-right-col-default h3 {padding: 2px 5px; background-color: #363; margin-top: 0; margin-bottom: 0; font-size: 110%;}
.cn-right-col-default h3 + div {border: 1px solid #000; padding-left: 8px; padding-right: 5px; margin-bottom: 10px;}
.cn-right-col-default h3 + div ul a {margin-left: -8px; margin-right: -5px; padding-left: 8px;}
.cn-right-col-default h3 + div ul ul a {padding: 1px 5px 1px 5px; margin-left: -5px;}
.cn-right-col-default ul {margin-bottom: 5px;}
.cn-right-col-default ul ul {margin-bottom: 0px;}
.cn-right-col-default li a img {margin-top: -3px; margin-left: -10px;}

#cn-body-inner-3col #cn-centre-col{clear: left;}
#cn-centre-col-inner h1{
    margin-top: 0;
}

.cn-toppage, #cn-toppage-foot {text-align: center; background-image: url(../images/tphp.gif); background-repeat: no-repeat; background-position: top center;}
.cn-toppage a, #cn-toppage-foot a {display: inline-block; padding-top: 13px;}
.cn-toppage {float: right;}
